*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06100b;color:#eef6f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-head{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:40px;padding:0 max(22px,5vw);background:#07100bec;border-bottom:1px solid #173021;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;font-weight:800}.brand span{background:#baff2a;color:#07100b;padding:7px 8px;font:900 12px ui-monospace,monospace}.site-head nav{display:flex;gap:24px;font-size:12px;color:#a9b8ad}.site-head nav a:hover{color:#baff2a}.head-right{margin-left:auto;display:flex;align-items:center;gap:20px}.head-right small{color:#718177}.langs{display:flex;gap:3px}.langs a{padding:7px 8px;font:800 9px ui-monospace,monospace;color:#718177}.langs a.on{background:#baff2a;color:#07100b}.wrap{max-width:1160px;margin:auto;padding:0 28px}.hero{min-height:720px;padding:110px 0 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 25%,#12361e 0,#07100b 35%,#06100b 64%)}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#39e75f44 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(100deg,transparent 28%,#000 75%,transparent);opacity:.45;pointer-events:none}.kicker{font:800 10px ui-monospace,monospace;letter-spacing:.16em;color:#72ff8e}.hero h1{font-size:clamp(52px,7vw,94px);line-height:.91;letter-spacing:-.065em;margin:24px 0;max-width:920px;position:relative;z-index:2}.hero h1 em{font-style:normal;color:#72ff8e}.hero p{font-size:18px;line-height:1.7;color:#a4b2a8;max-width:680px;position:relative;z-index:2}.actions{display:flex;gap:10px;margin-top:34px;position:relative;z-index:2}.btn{display:inline-block;padding:14px 18px;border:1px solid #34503b;font-size:12px;font-weight:800}.btn.green{background:#baff2a;color:#07100b;border-color:#baff2a}.section{padding:110px 0;border-top:1px solid #14251a}.section h2{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.05em;margin:18px 0}.section .intro{max-width:700px;color:#91a097;line-height:1.7}.live-stage{margin-top:52px;border:1px solid #23402b;background:#09110d;box-shadow:0 30px 90px #0008;overflow:hidden}.stagebar{height:44px;border-bottom:1px solid #1b3021;display:flex;align-items:center;padding:0 16px;gap:7px;font:9px ui-monospace,monospace;color:#65756b}.stagebar i{width:7px;height:7px;border-radius:50%;background:#314137}.stagebar b{margin-left:auto;color:#72ff8e}.chat-grid{display:grid;grid-template-columns:1fr 1fr}.chat{min-height:420px;padding:25px;border-right:1px solid #1b3021;position:relative}.chat:last-child{border:0}.chat-head{display:flex;justify-content:space-between;border-bottom:1px solid #1c2d21;padding-bottom:18px}.chat-head b{font-size:14px}.chat-head span{font:9px ui-monospace,monospace;color:#72ff8e}.bubble{max-width:88%;padding:14px 16px;margin:22px 0;background:#172019;border:1px solid #26362a;border-radius:8px;font-size:12px;line-height:1.6}.bubble.ai{margin-left:auto;background:#0c1710;color:#cbd7ce}.tool{border:1px solid #275d35;padding:13px;margin:15px 0;font:10px ui-monospace,monospace;color:#72ff8e;background:#0b1a10}.typing:after{content:"";display:inline-block;width:6px;height:12px;background:#72ff8e;margin-left:5px;animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}.network{margin-top:50px;position:relative;min-height:440px;border:1px solid #1c3423;background:radial-gradient(circle at center,#0d2514,#07100b 55%);overflow:hidden}.network:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#3d9c5544 1px,transparent 1px);background-size:18px 18px}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:110px;border:1px solid #57d66f;background:#0a170e;display:grid;place-items:center;text-align:center;box-shadow:0 0 50px #36ff5b1d;z-index:3}.hub strong{font-size:20px}.hub small{display:block;color:#72ff8e;font:9px ui-monospace,monospace;margin-top:7px}.engine{position:absolute;width:150px;padding:16px;border:1px solid #294331;background:#0b140e;z-index:3}.engine b{display:block;font-size:13px}.engine small{color:#76877b}.engine.e1{left:7%;top:16%}.engine.e2{right:7%;top:16%}.engine.e3{left:7%;bottom:14%}.engine.e4{right:7%;bottom:14%}.badge{width:24px;height:24px;display:grid;place-items:center;background:#ffd400;color:#111;font-weight:900;margin-bottom:10px;clip-path:polygon(50% 0,61% 8%,72% 3%,79% 15%,91% 14%,93% 27%,100% 36%,94% 47%,100% 58%,91% 66%,91% 79%,78% 82%,71% 94%,59% 89%,50% 100%,40% 89%,28% 94%,22% 82%,9% 79%,10% 66%,0 58%,6% 47%,0 36%,8% 27%,9% 15%,22% 14%,29% 3%,40% 8%)}.beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#72ff8e,transparent);width:42%;left:29%;top:50%;transform-origin:center;opacity:.5;animation:beam 2.4s infinite}@keyframes beam{50%{opacity:1;filter:drop-shadow(0 0 5px #72ff8e)}}.beam.b2{transform:rotate(90deg)}.packet{position:absolute;width:7px;height:7px;background:#baff2a;box-shadow:0 0 14px #baff2a;left:50%;top:50%;animation:orbit 5s linear infinite}@keyframes orbit{0%{transform:translate(-260px,-130px)}25%{transform:translate(250px,-130px)}50%{transform:translate(250px,130px)}75%{transform:translate(-260px,130px)}100%{transform:translate(-260px,-130px)}}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#193020;margin-top:45px}.flow-grid article{background:#08110c;padding:30px;min-height:220px}.flow-grid span{font:10px ui-monospace,monospace;color:#72ff8e}.flow-grid h3{margin-top:55px}.flow-grid p{color:#7f8e84;font-size:13px;line-height:1.6}.cta{background:#baff2a;color:#07100b;padding:90px 0}.cta h2{font-size:clamp(42px,6vw,74px);line-height:.95;letter-spacing:-.055em;max-width:850px}.cta p{max-width:650px;line-height:1.6}.cta .btn{background:#07100b;color:#fff;border-color:#07100b}footer{padding:70px max(22px,5vw) 28px;background:#050906}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(6,1fr);gap:38px}.foot-intro p{max-width:270px;color:#6e7b72;font-size:12px;line-height:1.7}.github{display:inline-block;margin-top:15px;font-weight:800;font-size:12px}footer h4{font:800 10px ui-monospace,monospace;letter-spacing:.14em;color:#69766d;text-transform:uppercase}footer div>a:not(.brand):not(.github){display:block;color:#a0ada4;font-size:12px;margin:11px 0}.copyright{border-top:1px solid #172019;margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;color:#526057;font-size:10px}.docpage{background:#f5f5ef;color:#111;min-height:70vh;padding:90px 0}.docpage .kicker{color:#15832c}.docpage h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.055em}.docpage p{color:#555;line-height:1.75}.doccols{display:grid;grid-template-columns:220px 1fr;gap:60px;margin-top:60px}.toc a{display:block;padding:8px 0;color:#666;font-size:12px}.doc h2{font-size:30px;margin-top:50px}.doc pre{background:#07100b;color:#cce6d1;padding:22px;overflow:auto}.notice{border-left:3px solid #38bd51;background:#fff;padding:16px;margin:25px 0;color:#555;font-size:13px}@media(max-width:900px){.site-head nav{display:none}.chat-grid,.flow-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}.foot-intro{grid-column:1/-1}.doccols{grid-template-columns:1fr}}@media(max-width:650px){.site-head{padding:0 16px}.head-right small{display:none}.hero{min-height:auto;padding:75px 0}.hero h1{font-size:50px}.actions{flex-wrap:wrap}.chat-grid,.flow-grid{grid-template-columns:1fr}.chat{min-height:330px;border-right:0;border-bottom:1px solid #1b3021}.network{min-height:620px}.hub{width:180px}.engine{width:130px}.engine.e1{left:5%;top:8%}.engine.e2{right:5%;top:8%}.engine.e3{left:5%;bottom:8%}.engine.e4{right:5%;bottom:8%}.beam{display:none}.footer-grid{grid-template-columns:1fr 1fr}.copyright{flex-direction:column;gap:8px}}
/* ==========================================================
   STS Protocol v4 — own visual system
   ========================================================== */
:root{
 --sts-bg:#080b12;
 --sts-bg-2:#0d1220;
 --sts-surface:#121827;
 --sts-surface-2:#182033;
 --sts-violet:#6d5dfc;
 --sts-cyan:#22c7d6;
 --sts-lime:#b7ff2a;
 --sts-light:#d9dde6;
 --sts-text:#f5f7fb;
 --sts-muted:#98a2b5;
 --sts-border:#293249;
 --sts-shadow:#0008;
}
html[data-theme="light"]{
 --sts-bg:#eef1f5;
 --sts-bg-2:#e4e8ef;
 --sts-surface:#f8f9fb;
 --sts-surface-2:#ffffff;
 --sts-text:#101522;
 --sts-muted:#667085;
 --sts-border:#cbd1dc;
 --sts-shadow:#1c27400f;
}
body{background:var(--sts-bg);color:var(--sts-text)}
.site-head{background:color-mix(in srgb,var(--sts-bg) 92%,transparent);border-color:var(--sts-border)}
.brand span{background:var(--sts-violet);color:white;border-radius:6px}
.site-head nav{color:var(--sts-muted)}.site-head nav a:hover{color:var(--sts-cyan)}
.langs a{color:var(--sts-muted);border-radius:6px}.langs a.on{background:var(--sts-violet);color:white}
.theme-toggle{border:1px solid var(--sts-border);background:var(--sts-surface);color:var(--sts-text);height:31px;padding:0 10px;border-radius:8px;cursor:pointer;font:800 10px ui-monospace,monospace}
.hero{background:radial-gradient(circle at 74% 24%,color-mix(in srgb,var(--sts-violet) 20%,transparent),transparent 34%),radial-gradient(circle at 65% 55%,color-mix(in srgb,var(--sts-cyan) 11%,transparent),transparent 35%),var(--sts-bg)}
.hero:after{background-image:radial-gradient(color-mix(in srgb,var(--sts-cyan) 35%,transparent) 1px,transparent 1px)}
.kicker{color:var(--sts-cyan)}.hero h1 em{color:var(--sts-lime)}.hero p,.section .intro{color:var(--sts-muted)}
.btn{border-color:var(--sts-border);border-radius:9px}.btn.green{background:var(--sts-lime);color:#101522;border-color:var(--sts-lime)}
.section{border-color:var(--sts-border)}
.live-stage,.network{border-color:var(--sts-border);background:var(--sts-bg-2);border-radius:18px;box-shadow:0 30px 90px var(--sts-shadow)}
.stagebar{border-color:var(--sts-border);color:var(--sts-muted)}.stagebar b{color:var(--sts-lime)}
.chat{border-color:var(--sts-border)}.chat-head{border-color:var(--sts-border)}.chat-head span{color:var(--sts-cyan)}
.bubble{background:var(--sts-surface-2);border-color:var(--sts-border);border-radius:13px}.bubble.ai{background:var(--sts-surface);color:var(--sts-text)}
.tool{border-color:color-mix(in srgb,var(--sts-cyan) 45%,var(--sts-border));background:color-mix(in srgb,var(--sts-cyan) 7%,var(--sts-bg));color:var(--sts-cyan);border-radius:11px}
.typing:after{background:var(--sts-lime)}
.network:before{background-image:radial-gradient(color-mix(in srgb,var(--sts-violet) 35%,transparent) 1px,transparent 1px)}
.hub{border-color:var(--sts-violet);background:var(--sts-surface);box-shadow:0 0 55px color-mix(in srgb,var(--sts-violet) 18%,transparent);border-radius:16px}.hub small{color:var(--sts-cyan)}
.engine{border-color:var(--sts-border);background:var(--sts-surface);border-radius:14px;box-shadow:0 16px 35px var(--sts-shadow)}
.badge{background:var(--sts-lime)}
.beam{background:linear-gradient(90deg,transparent,var(--sts-cyan),transparent)}
.packet{background:var(--sts-lime);box-shadow:0 0 14px var(--sts-lime)}
.flow-grid{background:var(--sts-border);border-radius:16px;overflow:hidden}.flow-grid article{background:var(--sts-surface)}.flow-grid span{color:var(--sts-cyan)}.flow-grid p{color:var(--sts-muted)}
.cta{background:var(--sts-light);color:#101522}.cta .kicker{color:var(--sts-violet)!important}.cta .btn{background:#101522;color:white;border-color:#101522}
footer{background:#06080e}.footer-grid h4{color:#737f95}.foot-intro p,footer div>a:not(.brand):not(.github){color:#9ba5b6}.copyright{border-color:#222a3a;color:#667085}
html[data-theme="light"] footer{background:#111522;color:#f5f7fb}
.docpage{background:var(--sts-light);color:#101522}.docpage .kicker{color:var(--sts-violet)}
.feature-card{background:var(--sts-surface);border:1px solid var(--sts-border);border-radius:15px;padding:28px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.product-grid h3{margin:8px 0}.product-grid p{color:var(--sts-muted);font-size:13px;line-height:1.65}.status-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--sts-violet) 16%,transparent);color:var(--sts-cyan);font:800 9px ui-monospace,monospace}
.donate{background:var(--sts-lime)!important;color:#101522!important;border-radius:8px;padding:8px 11px!important;font-weight:900}
@media(max-width:900px){.product-grid{grid-template-columns:1fr}.theme-toggle{display:none}}

/* ================= STS v5 identity ================= */
html{background:#080b12}html[data-theme="dark"]{color-scheme:dark}
.v5-head{height:76px;border-bottom:1px solid color-mix(in srgb,var(--sts-violet) 20%,var(--sts-border));box-shadow:0 10px 40px #0003}
.sts-logo{display:flex;align-items:center;gap:11px;min-width:165px}.sts-glyph{position:relative;display:grid;place-items:center;width:49px;height:36px;color:#fff;font:950 13px ui-monospace,monospace;letter-spacing:.09em;background:linear-gradient(135deg,var(--sts-violet),#5045d9);clip-path:polygon(8% 0,92% 0,100% 20%,100% 80%,92% 100%,8% 100%,0 80%,0 20%);box-shadow:0 0 24px #6d5dfc55}.sts-glyph:after{content:"";position:absolute;inset:4px;border:1px solid #ffffff35;clip-path:inherit}.sts-word{font-size:17px;letter-spacing:-.025em}
.protocol-nav{display:flex!important;gap:27px!important}.protocol-nav a{position:relative;padding:29px 0 25px;font-size:11px!important;font-weight:750;letter-spacing:.03em}.protocol-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:linear-gradient(90deg,var(--sts-violet),var(--sts-cyan));transition:.25s}.protocol-nav a:hover:after{right:0}
.support-sts{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--sts-lime) 35%,var(--sts-border));border-radius:10px;font:800 10px ui-monospace,monospace;color:var(--sts-lime)}.support-sts svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.theme-icon{width:34px;height:34px;border:1px solid var(--sts-border);background:var(--sts-surface);border-radius:10px;display:grid;place-items:center;color:var(--sts-text);cursor:pointer}.theme-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-icon .sun{display:none}html[data-theme="light"] .theme-icon .moon{display:none}html[data-theme="light"] .theme-icon .sun{display:block}
.language-switch{display:flex;padding:3px;border:1px solid var(--sts-border);background:var(--sts-surface);border-radius:10px}.language-switch a{padding:6px 7px;border-radius:7px;font:850 9px ui-monospace,monospace;color:var(--sts-muted)}.language-switch a.on{background:var(--sts-violet);color:white;box-shadow:0 3px 12px #6d5dfc35}
.hero-v5{min-height:690px;padding-top:112px}.protocol-label{display:flex;align-items:center;gap:10px;color:var(--sts-cyan);font:800 10px ui-monospace,monospace;letter-spacing:.15em}.protocol-label span{width:25px;height:1px;background:var(--sts-cyan);box-shadow:0 0 8px var(--sts-cyan)}
.hero-v5 h1{max-width:1080px}.hero-v5 h1 em{background:linear-gradient(90deg,var(--sts-lime),var(--sts-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-v5 p{max-width:760px}.sts-primary{background:var(--sts-violet);color:white;border-color:var(--sts-violet);box-shadow:0 12px 35px #6d5dfc2d}.sts-secondary{background:var(--sts-surface);color:var(--sts-text)}.hero-signature{margin-top:70px;display:flex;align-items:center;gap:12px;color:var(--sts-muted);font:9px ui-monospace,monospace}.hero-signature>span{color:var(--sts-lime);font-weight:900}.hero-signature i{width:70px;height:1px;background:var(--sts-border)}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:45px}.audience-grid article{border:1px solid var(--sts-border);background:linear-gradient(145deg,var(--sts-surface),var(--sts-bg));border-radius:16px;padding:32px}.audience-no{color:var(--sts-cyan);font:10px ui-monospace,monospace}.audience-grid h3{font-size:25px;margin:40px 0 12px}.audience-grid p{color:var(--sts-muted);line-height:1.65}
.v5-stage{border-radius:18px}.window-dots{display:flex;gap:6px}.window-dots i{display:block!important}.command strong{color:var(--sts-cyan)}.result-stack{margin-top:20px;border:1px solid var(--sts-border);border-radius:12px;overflow:hidden}.result-stack div{display:grid;grid-template-columns:32px 1fr 40px;padding:14px;border-bottom:1px solid var(--sts-border);align-items:center}.result-stack div:last-child{border:0}.result-stack small{color:var(--sts-muted);font:9px ui-monospace,monospace}.result-stack span{font-size:12px}.result-stack b{color:var(--sts-lime);text-align:right}.output-file{display:flex;align-items:center;gap:13px;margin-top:20px;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--sts-violet) 10%,var(--sts-surface));border:1px solid color-mix(in srgb,var(--sts-violet) 40%,var(--sts-border))}.output-file>span{font:900 15px ui-monospace,monospace;color:var(--sts-cyan)}.output-file div{display:grid}.output-file small{font:8px ui-monospace,monospace;color:var(--sts-muted)}.output-file strong{font:12px ui-monospace,monospace}.output-file>b{margin-left:auto;color:var(--sts-lime);font:9px ui-monospace,monospace}
.compat-table-wrap{margin-top:42px;border:1px solid var(--sts-border);border-radius:17px;overflow:auto;background:var(--sts-surface);box-shadow:0 24px 65px var(--sts-shadow)}.compat-meta{display:flex;gap:28px;padding:15px 18px;border-bottom:1px solid var(--sts-border);font:9px ui-monospace,monospace;color:var(--sts-muted)}.compat-meta b{color:var(--sts-cyan)}.compat-table{width:100%;border-collapse:collapse;min-width:820px}.compat-table th{text-align:left;padding:14px 18px;color:var(--sts-muted);font:800 9px ui-monospace,monospace;letter-spacing:.08em;border-bottom:1px solid var(--sts-border)}.compat-table td{padding:16px 18px;border-bottom:1px solid var(--sts-border);font-size:12px;color:var(--sts-muted)}.compat-table tbody tr:last-child td{border:0}.compat-table td:first-child{display:flex;align-items:center;gap:10px;color:var(--sts-text)}.engine-monogram{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--sts-border);border-radius:9px;background:var(--sts-bg);font:900 10px ui-monospace,monospace;color:var(--sts-cyan)}.seal-status{display:inline-flex;align-items:center;gap:8px;color:var(--sts-text)}.seal-status i,.seal-mini{width:22px;height:22px;display:inline-grid;place-items:center;font-style:normal;font-weight:900;color:#111;clip-path:polygon(50% 0,61% 8%,72% 3%,79% 15%,91% 14%,93% 27%,100% 36%,94% 47%,100% 58%,91% 66%,91% 79%,78% 82%,71% 94%,59% 89%,50% 100%,40% 89%,28% 94%,22% 82%,9% 79%,10% 66%,0 58%,6% 47%,0 36%,8% 27%,9% 15%,22% 14%,29% 3%,40% 8%)}.pending i,.seal-mini.yellow{background:#ffd400}.seal-mini.green{background:#2ee66b}.seal-mini.red{background:#ff5263;color:white}.compat-disclaimer{font-size:10px;color:var(--sts-muted);line-height:1.6;max-width:900px}.text-link{display:inline-block;margin-top:10px;color:var(--sts-cyan);font-weight:800;font-size:12px}
.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.vision-grid article{padding:30px;border:1px solid var(--sts-border);border-radius:16px;background:var(--sts-surface)}.vision-grid span{font:800 9px ui-monospace,monospace;color:var(--sts-cyan)}.vision-grid h3{margin-top:45px}.vision-grid p{color:var(--sts-muted);line-height:1.65;font-size:13px}
.cta-v5{background:var(--sts-light)}.cta-code{font:900 11px ui-monospace,monospace;color:var(--sts-violet);letter-spacing:.1em}.cta-v5 h2{margin-top:18px}.dark-btn{background:#101522!important;color:white!important}.outline-dark{border-color:#101522!important;color:#101522!important;background:transparent!important}
.compatibility-page .page-lead{max-width:760px;font-size:18px}.light-table{background:white}.light-table .compat-table td:first-child{color:#101522}.light-table .compat-meta,.light-table .compat-table th,.light-table .compat-table td{border-color:#d9dde6}.light-table .engine-monogram{background:#eef1f5;border-color:#d9dde6}.method{max-width:850px;margin-top:60px}.method h2{font-size:30px}.method p{line-height:1.75;color:#555}.status-legend{display:flex;gap:22px;flex-wrap:wrap;margin:25px 0}.status-legend span{display:flex;align-items:center;gap:8px;font-size:12px}
@media(max-width:1050px){.protocol-nav{display:none!important}.support-sts span{display:none}.sts-logo{min-width:0}}
@media(max-width:700px){.audience-grid,.vision-grid{grid-template-columns:1fr}.support-sts{display:none}.v5-head{gap:12px}.head-right{gap:7px}.hero-v5{padding-top:75px}.hero-signature{margin-top:45px}.compat-meta{flex-wrap:wrap}.language-switch a{padding:6px}.sts-word{font-size:15px}}

/* ============================================================
   STS PROTOCOL v6 — visual system
   Palette/direction restored from the earlier dark STS concept.
   This layer is intentionally isolated from application/content.
   ============================================================ */
:root{
 --sts-bg:#050a12;
 --sts-bg2:#08111e;
 --sts-surface:rgba(12,25,42,.72);
 --sts-elevated:#0d1a2b;
 --sts-border:rgba(154,190,255,.14);
 --sts-border-strong:rgba(106,190,255,.28);
 --sts-text:#f5f9ff;
 --sts-muted:#9fb1c8;
 --sts-soft:#6f839d;
 --sts-cyan:#56d8ff;
 --sts-blue:#6b8cff;
 --sts-green:#77efc3;
 --sts-violet:#6b8cff;
 --sts-lime:#77efc3;
 --sts-shadow:rgba(0,0,0,.35);
 --sts-light:#eef6fb;
}
html[data-theme="dark"] body{
 background:
 radial-gradient(circle at 12% 15%,rgba(73,118,255,.13),transparent 28%),
 radial-gradient(circle at 85% 12%,rgba(36,214,255,.10),transparent 26%),
 linear-gradient(180deg,#07101d 0%,#050a12 45%,#04080e 100%);
}
html[data-theme="dark"] body:before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
 background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
 background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 80%)
}
.v5-head{background:rgba(5,10,18,.72)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--sts-border);box-shadow:none}
.sts-logo{gap:12px}.sts-glyph{
 width:48px;height:38px;border-radius:11px;clip-path:none;
 background:linear-gradient(135deg,rgba(86,216,255,.18),rgba(107,140,255,.25));
 border:1px solid rgba(86,216,255,.32);color:#f5f9ff;
 box-shadow:inset 0 0 18px rgba(86,216,255,.06),0 8px 25px rgba(0,0,0,.2);
 font-size:13px
}
.sts-glyph:after{inset:4px;border-radius:7px;clip-path:none;border-color:rgba(255,255,255,.08)}
.sts-word{font-size:17px;font-weight:820;letter-spacing:-.035em}
.protocol-nav a{color:#9fb1c8}.protocol-nav a:hover{color:#f5f9ff}.protocol-nav a:after{background:linear-gradient(90deg,#56d8ff,#6b8cff)}
.support-sts{color:#77efc3;border-color:rgba(119,239,195,.28);background:rgba(119,239,195,.04)}
.support-sts:hover{background:rgba(119,239,195,.09);border-color:rgba(119,239,195,.5)}
.theme-icon,.language-switch{background:rgba(12,25,42,.72);border-color:rgba(154,190,255,.14)}
.language-switch a.on{background:linear-gradient(135deg,#56d8ff,#6b8cff);color:#04101a;box-shadow:0 5px 18px rgba(86,216,255,.18)}
.protocol-label,.kicker{color:#56d8ff}.protocol-label span{background:#56d8ff;box-shadow:0 0 8px rgba(86,216,255,.55)}
.hero-v5 h1 em{background:linear-gradient(90deg,#56d8ff,#6b8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sts-primary{background:linear-gradient(135deg,#56d8ff,#6b8cff);border-color:transparent;color:#04101a;box-shadow:0 12px 35px rgba(86,216,255,.13)}
.sts-secondary{background:rgba(12,25,42,.72);border-color:rgba(154,190,255,.14)}
.hero-signature>span,.result-stack b,.output-file>b{color:#77efc3}
.audience-grid article,.vision-grid article,.compat-table-wrap,.live-stage{
 background:linear-gradient(145deg,rgba(13,26,43,.84),rgba(8,17,30,.74));
 border-color:rgba(154,190,255,.14);box-shadow:0 25px 80px rgba(0,0,0,.18)
}
.v5-stage{border-radius:24px}.audience-grid article,.vision-grid article{border-radius:22px}
.engine-monogram{background:#08111e;border-color:rgba(154,190,255,.14);color:#56d8ff}
.compat-meta b,.text-link{color:#56d8ff}
.output-file{background:rgba(107,140,255,.07);border-color:rgba(106,190,255,.20)}
.cta-v5{background:linear-gradient(135deg,#eaf6fb,#f5f9ff)}
.cta-code{color:#315f85}
html[data-theme="light"] body{background:#edf3f7;color:#102032}
html[data-theme="light"] .v5-head{background:rgba(245,249,255,.86)!important}
html[data-theme="light"] .sts-glyph{color:#102032;background:linear-gradient(135deg,rgba(86,216,255,.20),rgba(107,140,255,.18))}
html[data-theme="light"] .protocol-nav a{color:#50677d}
html[data-theme="light"] .protocol-nav a:hover{color:#102032}
html[data-theme="light"] .audience-grid article,
html[data-theme="light"] .vision-grid article,
html[data-theme="light"] .compat-table-wrap,
html[data-theme="light"] .live-stage{background:#f8fbfd;border-color:#d7e3ec}