:root{
  --bg:#06080c;--bg2:#0a0d13;--panel:rgba(14,18,27,.78);--panel2:rgba(18,23,34,.86);
  --text:#f4f7fb;--muted:#9aa7b9;--subtle:#657286;--line:rgba(255,255,255,.085);
  --line2:rgba(255,255,255,.15);--accent:#8bb7ff;--accent2:#9af0ff;--radius:22px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)} body{margin:0;color:var(--text);
font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
line-height:1.68;background:radial-gradient(circle at 0 0,rgba(83,130,255,.10),transparent 26%),
radial-gradient(circle at 100% 16%,rgba(74,226,255,.055),transparent 24%),var(--bg);overflow-x:hidden}
a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.background-grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(110px);opacity:.10;pointer-events:none}
.ambient-a{background:#4f88ff;left:-220px;top:35%}.ambient-b{background:#57e6ff;right:-240px;top:62%}
.shell{width:min(1220px,calc(100% - 40px));margin:0 auto;position:relative;z-index:1}
.topbar{position:sticky;top:0;z-index:50;min-height:72px;padding:12px max(20px,calc((100vw - 1220px)/2));display:grid;
grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;background:rgba(6,8,12,.76);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:12px;width:max-content}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line2);
border-radius:11px;font-weight:850;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.02));box-shadow:inset 0 0 28px rgba(139,183,255,.08)}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:14px;letter-spacing:.03em}.brand-copy small{margin-top:5px;color:var(--subtle);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.topnav{display:flex;gap:24px;color:var(--muted);font-size:12px}.topnav a,.footer-links a,.side-index a{transition:color .22s ease,transform .22s ease}.topnav a:hover,.footer-links a:hover{color:var(--text);transform:translateY(-1px)}
.top-actions{display:flex;justify-content:flex-end;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;font-size:12px;font-weight:760;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease}
.button.primary{color:#07101d;background:linear-gradient(135deg,#f4f8ff,#9ec1ff 58%,#a6f1ff);box-shadow:0 10px 32px rgba(83,145,255,.16)}
.button.secondary{border:1px solid var(--line2);background:rgba(255,255,255,.035)}.button:hover{transform:translateY(-2px)}.button.primary:hover{box-shadow:0 14px 40px rgba(83,145,255,.27)}.button.secondary:hover{background:rgba(255,255,255,.07)}
.button.large{min-height:48px;padding-inline:22px;font-size:13px}
.hero{padding:118px 0 92px}.hero-kicker,.eyebrow,.card-label{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.hero-title{max-width:1050px;margin:22px 0 0;font-size:clamp(50px,7vw,96px);line-height:.97;letter-spacing:-.057em;font-weight:770}.hero-title span{display:block}
.gradient-text{color:transparent;background:linear-gradient(100deg,#fff 3%,#b4d0ff 55%,#aaf4ff);-webkit-background-clip:text;background-clip:text}
.hero-lead{max-width:820px;margin:30px 0 0;color:#aab5c6;font-size:clamp(17px,1.9vw,20px);overflow-wrap:anywhere}.section-heading h2,.section-intro,.detail-card,.mode-card,.security-card,.runtime-card,.quality-card,.use-case{overflow-wrap:anywhere}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}
.inline-link{font-size:13px;font-weight:700;color:#dbe5f5}.inline-link span{display:inline-block;margin-left:6px;transition:transform .22s ease}.inline-link:hover span{transform:translate(3px,3px)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:76px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}
.hero-stats article{padding:28px;min-height:168px;background:rgba(9,12,18,.92)}.hero-stats article>span{color:var(--subtle);font-size:10px;letter-spacing:.13em}.hero-stats strong{display:block;margin:9px 0 7px;font-size:18px;letter-spacing:-.02em}.hero-stats p{margin:0;color:var(--muted);font-size:13px}
.content-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:54px;align-items:start}.side-index{position:sticky;top:100px;padding:18px 0 30px;display:flex;flex-direction:column;gap:9px}
.side-index p{margin:0 0 8px;color:#5c697a;font-size:9px;font-weight:850;letter-spacing:.15em}.side-index a{color:#778498;font-size:11px;padding:2px 0}.side-index a:hover,.side-index a.active{color:#e5ecf7;transform:translateX(3px)}
.content-column{min-width:0}.section{padding:90px 0;border-top:1px solid rgba(255,255,255,.055)}.section-heading{display:grid;grid-template-columns:52px 1fr;gap:22px;margin-bottom:40px}
.section-number{color:#5c6879;font-size:10px;letter-spacing:.14em;padding-top:4px}.section-heading h2{max-width:900px;margin:9px 0 0;font-size:clamp(30px,4.4vw,52px);line-height:1.08;letter-spacing:-.037em}
.section-intro{max-width:840px;margin:20px 0 0;color:#a6b2c4;font-size:16px}
.feature-grid,.data-grid{display:grid;gap:16px}.feature-grid.three,.data-grid{grid-template-columns:repeat(3,1fr)}.card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012)),var(--panel);transition:transform .28s ease,border-color .28s ease,background .28s ease}
.card:hover,.mode-card:hover,.security-card:hover,.runtime-card:hover,.quality-card:hover,.use-case:hover{transform:translateY(-4px);border-color:rgba(139,183,255,.24);background:linear-gradient(180deg,rgba(139,183,255,.045),rgba(255,255,255,.012)),var(--panel)}
.card h3{margin:9px 0 10px;font-size:21px;letter-spacing:-.022em}.card p:last-child{margin-bottom:0;color:var(--muted)}
.principle-list{border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.principle>span{color:#5f6c7e;font-size:10px;letter-spacing:.1em}.principle h3{margin:0 0 7px;font-size:20px}.principle p{margin:0;color:var(--muted)}
.capability-stack{border-top:1px solid var(--line)}.capability{display:grid;grid-template-columns:50px minmax(0,1fr) 150px;gap:25px;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .25s ease,background .25s ease}.capability:hover{padding-left:10px;padding-right:10px;background:linear-gradient(90deg,rgba(139,183,255,.035),transparent 72%)}
.cap-index{color:#5f6c7e;font-size:10px;letter-spacing:.1em;padding-top:4px}.cap-main h3{margin:5px 0 10px;font-size:25px;letter-spacing:-.03em}.cap-main>p{color:#a6b1c2;margin:0 0 15px}.cap-main ul{margin:0;padding-left:18px;color:#8593a8;font-size:13px}.cap-main li{margin:5px 0}
.tag-column{display:flex;align-content:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:7px}.tag-column span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#aab8ca;background:rgba(255,255,255,.022);font-size:10px}
.matrix{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.matrix-row{display:grid;grid-template-columns:.8fr .9fr 1.4fr;gap:18px;padding:17px 20px;border-top:1px solid var(--line);font-size:12px;color:#c1ccdc}.matrix-row:first-child{border-top:0}.matrix-row.head{color:#6f7d90;background:rgba(255,255,255,.025);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.matrix-row:not(.head):hover{background:rgba(139,183,255,.026)}.note{margin-top:16px;padding:22px;border-left:2px solid rgba(139,183,255,.45);background:rgba(139,183,255,.035);border-radius:0 14px 14px 0}.note strong{font-size:12px}.note p{margin:6px 0 0;color:#94a2b5;font-size:13px}
.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.workflow{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.workflow-num{color:#5f6c7e;font-size:10px;letter-spacing:.1em}.workflow h3{margin:9px 0 16px;font-size:22px}.workflow p{color:var(--muted);margin-bottom:0}.flowline{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px}.flowline span{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:10px}.flowline i{font-style:normal;color:#5c687a}
.architecture-map{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:24px;border:1px solid rgba(139,183,255,.18);border-radius:var(--radius);background:radial-gradient(circle at 0 0,rgba(139,183,255,.09),transparent 28%),rgba(10,14,21,.86)}.arch-node{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.028);font-size:10px;font-weight:760}.arch-node.emphasis{border-color:rgba(139,183,255,.28);color:#dce9ff}.architecture-map i{font-style:normal;color:#667489}
.architecture-layers{margin-top:16px;border-top:1px solid var(--line)}.layer{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.layer>span{color:#5e6b7c;font-size:10px}.layer h3{margin:0 0 5px;font-size:18px}.layer p{margin:0;color:var(--muted);font-size:13px}
.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mode-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:transform .28s ease,border-color .28s ease,background .28s ease}.mode-card>span,.runtime-card>span,.quality-card>span,.use-case>span{color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.13em}.mode-card h3,.runtime-card h3,.quality-card h3,.use-case h3{margin:7px 0 9px;font-size:20px}.mode-card p,.runtime-card p,.quality-card p,.use-case p{margin:0;color:var(--muted);font-size:13px}.mode-card.wide{grid-column:1/-1}
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.security-card,.runtime-card,.quality-card,.use-case{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:transform .28s ease,border-color .28s ease,background .28s ease}.security-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid rgba(139,183,255,.2);color:#c4dcff;background:rgba(139,183,255,.055)}.security-card h3{margin:12px 0 8px;font-size:19px}.security-card p{margin:0;color:var(--muted);font-size:13px}
.runtime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ops-table{margin-top:16px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.ops-table>div{display:grid;grid-template-columns:.8fr 1.7fr;gap:20px;padding:16px 20px;border-top:1px solid var(--line);font-size:12px}.ops-table>div:first-child{border-top:0;background:rgba(255,255,255,.025);color:#6e7c8f;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.ops-table>div:not(:first-child) span:last-child{color:#a5b1c3}
.terminal{border:1px solid var(--line2);border-radius:var(--radius);overflow:hidden;background:#06090d;box-shadow:0 28px 90px rgba(0,0,0,.25)}.terminal-top{height:47px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}.terminal-top span{width:8px;height:8px;border-radius:50%;background:#465162}.terminal-top strong{margin-left:9px;color:#748196;font-size:10px;letter-spacing:.08em}.terminal-body{padding:25px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}.terminal-body p{margin:0 0 4px;font-size:12px}.terminal-body b{color:var(--accent2);margin-right:10px}.terminal-body small{display:block;margin:0 0 15px;padding-left:24px;color:#68758a;font-size:10px}
.quality-grid,.use-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.boundary-list{border-top:1px solid var(--line)}.boundary{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:21px 0;border-bottom:1px solid var(--line)}.boundary strong{font-size:14px}.boundary p{margin:0;color:var(--muted);font-size:13px}
.final-cta{margin:64px 0 70px;padding:34px;border:1px solid rgba(139,183,255,.19);border-radius:28px;background:radial-gradient(circle at 8% 0,rgba(139,183,255,.10),transparent 28%),rgba(14,18,27,.82);display:flex;align-items:center;justify-content:space-between;gap:28px}.final-cta h2{max-width:680px;margin:8px 0 10px;font-size:clamp(28px,4vw,43px);line-height:1.08;letter-spacing:-.034em}.final-cta p:last-child{max-width:700px;color:var(--muted);margin-bottom:0}.final-actions{display:flex;flex-shrink:0;gap:8px}
.footer{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:34px 0 48px;border-top:1px solid var(--line)}.footer strong{font-size:16px}.footer p{margin:5px 0 0;color:#657286;font-size:11px}.footer-links{display:flex;gap:17px;color:#7d8a9d;font-size:11px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1050px){.topbar{grid-template-columns:1fr auto}.topnav{display:none}.content-shell{grid-template-columns:1fr}.side-index{display:none}.feature-grid.three,.data-grid,.security-grid,.runtime-grid{grid-template-columns:1fr 1fr}.capability{grid-template-columns:44px 1fr}.tag-column{grid-column:2;justify-content:flex-start}.hero-stats{grid-template-columns:1fr}.final-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:720px){.shell{width:min(100% - 24px,1220px)}.topbar{padding-inline:12px}.brand-copy small,.top-actions .secondary{display:none}.hero{padding:78px 0 58px}.hero-title{font-size:clamp(43px,13.5vw,70px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:66px 0}.section-heading{grid-template-columns:1fr;gap:9px}.section-heading h2{font-size:clamp(30px,9vw,44px)}
.feature-grid.three,.data-grid,.workflow-grid,.mode-grid,.security-grid,.runtime-grid,.quality-grid,.use-case-grid{grid-template-columns:1fr}.mode-card.wide{grid-column:auto}.capability{grid-template-columns:1fr;gap:10px}.tag-column{grid-column:1}.principle,.layer,.boundary{grid-template-columns:1fr;gap:7px}.matrix,.ops-table{overflow-x:auto}.matrix-row{min-width:760px}.ops-table>div{min-width:650px}.architecture-map{gap:6px}.arch-node{font-size:9px}.final-cta{padding:26px}.final-actions{width:100%;flex-direction:column}.final-actions a{width:100%}.footer{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}}


.language-switcher{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}
.lang-btn{appearance:none;border:0;background:transparent;color:#748297;border-radius:999px;padding:6px 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease}
.lang-btn:hover{color:#dfe8f7}.lang-btn.active{color:#07101c;background:linear-gradient(135deg,#f2f7ff,#a4c6ff)}
.flowline.dual{display:block;color:#c7d4e7;font-size:11px;letter-spacing:.03em}
.reveal{transition:opacity .66s cubic-bezier(.2,.7,.2,1),transform .66s cubic-bezier(.2,.7,.2,1),filter .66s cubic-bezier(.2,.7,.2,1);filter:blur(2px)}
.reveal.visible{opacity:1;transform:translateY(0);filter:blur(0)}
.reveal:not(.visible){opacity:0;transform:translateY(18px);filter:blur(2px)}
@media(max-width:720px){.language-switcher{margin-left:auto}.top-actions{gap:6px}.top-actions .button.primary{display:none}}

.language-select-wrap select{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);border-radius:999px;padding:8px 30px 8px 12px;font:inherit;font-size:10px;font-weight:800;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#7e8ba0 50%),linear-gradient(135deg,#7e8ba0 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.language-select-wrap select option{background:#0a0d13;color:#f4f7fb}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:transform .28s ease,border-color .28s ease}.detail-card:hover{transform:translateY(-4px);border-color:rgba(139,183,255,.24)}.detail-card h3{margin:0 0 10px;font-size:20px}.detail-card p{margin:0;color:var(--muted);font-size:13px}.detail-card ul{margin:14px 0 0;padding-left:18px;color:#8090a6;font-size:12px}.detail-card li{margin:5px 0}
.root-flow,.release-chain{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:24px;border:1px solid rgba(139,183,255,.18);border-radius:var(--radius);background:rgba(10,14,21,.86);margin-bottom:16px}.root-flow span,.release-chain span{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.028);font-size:10px;font-weight:760}.root-flow i,.release-chain i{font-style:normal;color:#667489}
@media(max-width:720px){.detail-grid{grid-template-columns:1fr}.language-select-wrap select{max-width:92px}.root-flow,.release-chain{gap:6px}}