/* XabiHub — standalone, dependency-free static site */
:root{color-scheme:dark;--bg:#080d18;--surface:#101a2a;--surface2:#142237;--line:rgba(162,193,227,.13);--ink:#f2f6fc;--muted:#9eacc2;--muted2:#71839c;--accent:#73d8d0;--accent2:#9c9bff;--blue:#7db7ff;--shadow:0 28px 90px rgba(0,0,0,.23);--radius:20px;--max:1190px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}body:before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;height:800px;background:radial-gradient(ellipse 65% 50% at 76% 11%,rgba(51,106,150,.16),transparent 70%),radial-gradient(ellipse 40% 40% at 20% 17%,rgba(77,72,149,.12),transparent 75%);pointer-events:none}::selection{background:#2e817e;color:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px} .wrap{width:min(var(--max),calc(100% - 72px));margin-inline:auto}.skip{position:absolute;left:16px;top:-70px;background:var(--accent);color:#06141b;padding:12px 20px;z-index:50}.skip:focus{top:10px}
header.site-header{height:90px;display:flex;align-items:center;border-bottom:1px solid rgba(164,193,224,.09);position:relative;z-index:15;background:rgba(8,13,24,.84);backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:750;letter-spacing:-.9px;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#8de6d4,#6a9bfa 70%,#9a88e8);display:grid;place-items:center;color:#071320;box-shadow:0 0 34px rgba(115,216,208,.13)}.brand-mark svg{width:24px;height:24px}.brand span small{color:var(--accent);font-weight:700}.nav{display:flex;align-items:center;gap:35px}.nav a{color:#b6c2d4;font-size:13px;font-weight:650;letter-spacing:.02em;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav-cta{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(139,208,222,.35);padding:11px 17px;border-radius:9px;color:#d9f7f3!important;background:rgba(98,180,189,.065)}.nav-cta svg{width:15px}.mobile-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:8px 11px;border-radius:9px;cursor:pointer}
.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.22em}.eyebrow:before{content:'';display:inline-block;width:24px;height:1px;background:currentColor}.hero{padding:100px 0 114px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:34px;align-items:center}.hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.09;letter-spacing:-.07em;font-weight:720;margin:29px 0 25px;max-width:660px}.gradient-text{background:linear-gradient(110deg,#b8f6df 5%,#7fd2d4 43%,#9eabff 91%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:17px;line-height:1.85;color:#b0bfd2;max-width:530px;margin:0}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 20px;border-radius:10px;font-size:13px;font-weight:750;letter-spacing:.01em;transition:transform .2s,background .2s,border .2s;min-height:49px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#b7f0e3;color:#092126}.btn-primary:hover{background:#d4fff2}.btn-secondary{border:1px solid rgba(166,193,222,.22);color:#e3eaf3;background:rgba(255,255,255,.035)}.btn-secondary:hover{border-color:rgba(166,193,222,.5)}.btn svg{width:16px;height:16px}.hero-aside{display:flex;align-items:center;gap:13px;margin-top:42px;color:#8497ae;font-size:12px;letter-spacing:.04em}.live-dot{width:7px;height:7px;background:#7dd9c4;border-radius:50%;box-shadow:0 0 0 5px rgba(125,217,196,.1)}
.diagram{position:relative;min-height:470px;border:1px solid rgba(155,197,226,.14);border-radius:22px;background:linear-gradient(160deg,rgba(18,35,55,.82),rgba(9,19,33,.78));overflow:hidden;box-shadow:var(--shadow)}.diagram:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(122,174,202,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(122,174,202,.055) 1px,transparent 1px);background-size:37px 37px;mask-image:linear-gradient(to bottom,black,transparent 95%)}.diagram:after{content:'';position:absolute;width:290px;height:290px;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(88,174,182,.13),transparent 70%);pointer-events:none}.diagram-top{position:absolute;left:26px;top:24px;right:26px;display:flex;align-items:center;justify-content:space-between;color:#8199b4;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.diagram-top .indicator{display:inline-flex;align-items:center;gap:7px}.diagram-top .indicator:before{content:'';height:5px;width:5px;background:#77d3c3;border-radius:50%}.diagram svg.network{position:absolute;inset:70px 0 55px;width:100%;height:calc(100% - 125px);overflow:visible}.network .netline{stroke:#558a9c;stroke-width:1.2;fill:none;stroke-dasharray:5 8;opacity:.56}.network .netline.glow{stroke:#8ee5d8;stroke-dasharray:3 13;opacity:.65;animation:dash 16s linear infinite}.network .ring{stroke:#71a4b7;stroke-width:1;opacity:.24;fill:none}.network .node{fill:#142d40;stroke:#79c2cd;stroke-width:1.2}.network .node.core{fill:#173e49;stroke:#b0f6e1;stroke-width:1.7}.network .point{fill:#a8f6e1}.network text{fill:#d3e6f1;font-size:13px;font-weight:700;letter-spacing:1px}.network .small{fill:#87a4b7;font-size:10px;font-weight:500;letter-spacing:1.5px}.diagram-bottom{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#6f90a6;letter-spacing:.13em;text-transform:uppercase}.diagram-bottom span{display:flex;align-items:center;gap:8px}.diagram-bottom span:before{content:'';width:5px;height:5px;border:1px solid #8edacb;border-radius:50%}@keyframes dash{to{stroke-dashoffset:-200}}
.strip{border-block:1px solid var(--line);background:rgba(255,255,255,.012)}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:25px}.strip-label{font-size:11px;letter-spacing:.13em;color:#7c8da3;text-transform:uppercase;white-space:nowrap}.strip-tags{display:flex;flex-wrap:wrap;gap:34px;justify-content:flex-end}.strip-tags span{color:#a6b8cc;font-size:12px;font-weight:750;letter-spacing:.12em}.section{padding:114px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:41px}.section-head h2,.section-title{font-size:clamp(32px,3.6vw,49px);letter-spacing:-.055em;line-height:1.16;margin:18px 0 0;font-weight:700}.section-head p{max-width:410px;color:var(--muted);font-size:14px;line-height:1.85;margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.focus-card{position:relative;min-height:300px;padding:30px 28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(22,35,54,.9),rgba(13,23,37,.9));overflow:hidden;transition:transform .2s,border .2s}.focus-card:hover{transform:translateY(-5px);border-color:rgba(125,217,208,.38)}.focus-card:after{content:'';position:absolute;width:150px;height:150px;right:-50px;top:-65px;border-radius:50%;background:radial-gradient(circle,rgba(104,175,196,.12),transparent 70%)}.card-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;border:1px solid rgba(131,202,212,.23);background:rgba(87,172,190,.07);color:#8be4d5;margin-bottom:40px}.card-icon svg{width:23px;height:23px}.focus-card h3{font-size:21px;letter-spacing:-.03em;margin:0 0 10px}.focus-card p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.card-num{position:absolute;right:27px;bottom:24px;font-size:11px;color:#4f687e;letter-spacing:.15em}
.section-contrast{background:linear-gradient(180deg,rgba(15,27,43,.82),rgba(8,13,24,.92));border-block:1px solid rgba(145,187,210,.09)}.explorer{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:stretch;margin-top:39px}.tab-list{display:flex;flex-direction:column;gap:9px}.tab{cursor:pointer;display:flex;gap:17px;text-align:left;align-items:center;background:transparent;color:#8ea1b8;border:1px solid transparent;border-radius:13px;padding:20px 21px;transition:background .2s,color .2s,border .2s}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{background:#15253a;border-color:rgba(123,191,209,.26);color:var(--ink)}.tab-index{font-size:11px;color:#7fcdbf;font-weight:700}.tab strong{display:block;font-size:17px;letter-spacing:-.02em}.tab small{display:block;color:#8194aa;font-size:12px;margin-top:3px}.tab-panel{border:1px solid rgba(133,188,209,.18);border-radius:20px;padding:37px;background:radial-gradient(circle at 75% 15%,rgba(70,138,155,.11),transparent 55%),#101c2e;min-height:380px;display:flex;flex-direction:column;justify-content:space-between}.panel-top{display:flex;justify-content:space-between;align-items:center;color:#8b9eb6;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.panel-top span:last-child{color:#84d5c8}.panel-visual{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:40px 0 35px}.flow-node{min-width:95px;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(131,193,204,.29);border-radius:13px;background:rgba(44,91,113,.13);font-size:11px;font-weight:700;letter-spacing:.07em;color:#d3e9ee;text-align:center;padding:10px}.flow-node svg{width:23px;height:23px;margin-bottom:10px;color:#9ae6d7}.flow-node.active{border-color:#8be4d4;box-shadow:0 0 32px rgba(111,214,200,.1)}.flow-arrow{height:1px;flex:1;min-width:14px;background:linear-gradient(90deg,#517e8d,#94e3d5);position:relative}.flow-arrow:after{content:'';position:absolute;right:0;top:-3px;border-left:5px solid #94e3d5;border-top:3px solid transparent;border-bottom:3px solid transparent}.tab-panel h3{font-size:22px;letter-spacing:-.03em;margin:0 0 9px}.tab-panel p{font-size:13px;color:#a5b5c8;line-height:1.85;margin:0;max-width:560px}
.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.note-card{display:flex;flex-direction:column;min-height:355px;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#101b2c;transition:transform .2s,border .2s}.note-card:hover{transform:translateY(-5px);border-color:rgba(125,217,208,.4)}.note-art{height:142px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(93,179,174,.24),transparent 44%),linear-gradient(140deg,#142c3e,#122034)}.note-art.purple{background:radial-gradient(circle at 75% 30%,rgba(147,123,223,.26),transparent 46%),linear-gradient(140deg,#1d2440,#111b2e)}.note-art.blue{background:radial-gradient(circle at 75% 30%,rgba(102,154,223,.25),transparent 46%),linear-gradient(140deg,#14283f,#111b2e)}.note-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(170,211,230,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(170,211,230,.06) 1px,transparent 1px);background-size:28px 28px}.note-art svg{position:absolute;width:190px;height:120px;right:18px;top:13px;opacity:.87}.note-body{padding:25px 25px 27px;display:flex;flex:1;flex-direction:column}.note-meta{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#8bd8cd;font-weight:750}.note-card h3{font-size:19px;letter-spacing:-.035em;line-height:1.35;margin:15px 0 11px}.note-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 25px}.read-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#d5f6f0;font-size:12px;font-weight:750}.read-link span:last-child{font-size:19px}.section-link{font-size:13px;font-weight:750;color:#a6ece0;white-space:nowrap}.section-link:hover{text-decoration:underline}
.principles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:42px}.principle{border-top:1px solid rgba(135,200,214,.29);padding-top:23px}.principle span{font-size:11px;color:var(--accent);letter-spacing:.14em}.principle h3{font-size:19px;letter-spacing:-.03em;margin:16px 0 10px}.principle p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}.cta-band{padding:48px 54px;border:1px solid rgba(118,206,199,.25);border-radius:23px;background:radial-gradient(circle at 85% 20%,rgba(91,158,176,.17),transparent 50%),linear-gradient(130deg,#152b3b,#111b2c);display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-band h2{font-size:clamp(25px,3vw,37px);letter-spacing:-.05em;margin:0 0 10px}.cta-band p{font-size:13px;color:#aebed0;margin:0}.cta-band .btn{white-space:nowrap}
footer{margin-top:100px;border-top:1px solid var(--line);padding:40px 0 26px}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:28px;padding-bottom:55px}.footer-main .brand{font-size:19px}.footer-main p{max-width:350px;color:#8093aa;font-size:12px;line-height:1.9;margin:19px 0 0}.footer-links{display:flex;gap:64px}.footer-links h4{font-size:11px;color:#d7e3ef;text-transform:uppercase;letter-spacing:.15em;margin:0 0 17px}.footer-links a{display:block;font-size:12px;color:#8e9fb3;margin:9px 0}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#73869d;font-size:11px;letter-spacing:.04em}
.page-hero{padding:93px 0 58px}.page-hero h1{font-size:clamp(43px,5vw,67px);letter-spacing:-.065em;line-height:1.12;margin:24px 0 18px;max-width:840px}.page-hero p{color:#adbed0;max-width:690px;line-height:1.9;margin:0;font-size:16px}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-shell{max-width:830px;margin:0 auto}.article-top{padding:80px 0 38px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:10px;color:#8b9db3;font-size:12px}.breadcrumb a:hover{color:var(--accent)}.article-top h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.06em;line-height:1.14;margin:30px 0 21px}.article-top .dek{color:#b3c3d5;font-size:17px;line-height:1.85;margin:0 0 25px}.article-meta{color:#87d6ca;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.article-content{padding-top:43px;color:#b8c6d6;font-size:15px;line-height:1.95}.article-content h2{color:#f1f6fb;font-size:27px;letter-spacing:-.04em;line-height:1.3;margin:44px 0 17px}.article-content h3{color:#e8f1f7;font-size:19px;margin:30px 0 12px}.article-content p{margin:0 0 21px}.article-content ul,.article-content ol{padding-left:23px;margin:0 0 24px}.article-content li{padding-left:5px;margin-bottom:9px}.article-content strong{color:#e9f2f8}.article-content a{color:#9ae8d9;text-decoration:underline;text-underline-offset:3px}.callout{background:#13273a;border:1px solid rgba(123,203,204,.23);border-left:3px solid #80ddcc;padding:20px 24px;border-radius:0 12px 12px 0;margin:30px 0;color:#c9dbe6;font-size:14px}.code-wrap{position:relative;margin:27px 0}.code-wrap pre{margin:0;overflow:auto;background:#07121e;border:1px solid rgba(142,183,212,.18);border-radius:13px;padding:26px;color:#b2e7db;font-size:13px;line-height:1.8;font-family:'Cascadia Code',Consolas,monospace}.copy-btn{position:absolute;right:12px;top:12px;border:1px solid rgba(137,195,210,.24);background:#162c3c;color:#b8d4df;border-radius:7px;padding:5px 10px;font-size:11px;cursor:pointer}.copy-btn:hover{color:#fff}.article-back{margin-top:58px;padding-top:27px;border-top:1px solid var(--line)}.article-back a{color:#a4eadd;font-size:13px;font-weight:700}.about-panel{border:1px solid var(--line);background:linear-gradient(140deg,#15283b,#0f1b2d);border-radius:23px;padding:45px;margin-top:25px}.about-panel h2{font-size:27px;letter-spacing:-.04em;margin:0 0 15px}.about-panel p{max-width:760px;color:#a9bbcd;font-size:15px;line-height:1.9}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.fact{border:1px solid var(--line);padding:25px;border-radius:15px;background:#101d30}.fact span{font-size:10px;color:#86d7ca;text-transform:uppercase;letter-spacing:.13em}.fact h3{font-size:19px;letter-spacing:-.03em;margin:11px 0 8px}.fact p{font-size:12px;color:#93a8bd;line-height:1.8;margin:0}.notfound{text-align:center;padding:130px 0}.notfound strong{font-size:90px;letter-spacing:-.08em;color:var(--accent)}.notfound h1{font-size:34px;margin:0 0 10px}.notfound p{color:var(--muted);margin:0 0 30px}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(45px,5.3vw,64px)}.diagram{min-height:415px}.flow-node{min-width:72px}.flow-node svg{width:19px}.section{padding:90px 0}}
@media(max-width:800px){.wrap{width:min(var(--max),calc(100% - 40px))}.site-header{height:75px}.mobile-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#101b2b;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch;gap:10px}.nav.open{display:flex}.nav a{padding:11px 7px}.nav-cta{justify-content:center}.hero{padding:70px 0 75px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(48px,9vw,67px);max-width:640px}.hero-lead{max-width:620px}.diagram{min-height:430px}.strip-inner{flex-direction:column;align-items:flex-start}.strip-tags{gap:22px;justify-content:flex-start}.section-head{align-items:start;flex-direction:column}.card-grid,.note-grid,.article-list,.principles,.about-facts{grid-template-columns:1fr 1fr}.explorer{grid-template-columns:1fr}.tab-list{flex-direction:row;overflow:auto}.tab{min-width:185px}.cta-band{padding:37px;flex-direction:column;align-items:start}.footer-links{gap:35px}}
@media(max-width:550px){.wrap{width:calc(100% - 34px)}.hero{padding:61px 0 67px}.hero h1{font-size:clamp(42px,11vw,59px);letter-spacing:-.067em}.hero-lead{font-size:15px}.hero-aside{margin-top:29px}.diagram{min-height:330px}.diagram svg.network{inset:50px 0 43px;height:calc(100% - 93px)}.diagram-top{left:17px;right:17px;top:16px;font-size:8px}.diagram-bottom{left:17px;right:17px;bottom:14px;font-size:8px}.section{padding:70px 0}.section-head h2,.section-title{font-size:35px}.card-grid,.note-grid,.article-list,.principles,.about-facts{grid-template-columns:1fr}.focus-card{min-height:250px}.card-icon{margin-bottom:28px}.strip-tags{gap:14px}.strip-tags span{font-size:10px}.tab-panel{padding:20px;min-height:310px}.flow-node{min-width:64px;min-height:74px;font-size:9px;padding:7px}.flow-node svg{width:19px;margin-bottom:6px}.cta-band{padding:27px}.footer-main{flex-direction:column}.footer-links{width:100%;justify-content:space-between}.footer-bottom{flex-direction:column}.page-hero{padding:65px 0 35px}.article-top{padding:56px 0 27px}.article-top h1{font-size:39px}.article-content{font-size:14px}.about-panel{padding:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Language selector: always visible on desktop and mobile */
.header-inner .nav{margin-left:auto}.lang-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(145,193,211,.22);background:rgba(19,37,55,.75);border-radius:10px;flex-shrink:0}.lang-option{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:31px;padding:5px 7px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.055em;color:#94a9bc;transition:background .2s,color .2s}.lang-option:hover{color:#fff}.lang-option[aria-current=true]{color:#092126;background:#b7f0e3}.mobile-toggle{flex-shrink:0}@media(max-width:800px){.header-inner{gap:12px}.header-inner .nav{margin-left:0}.lang-switch{margin-left:auto}.brand{font-size:18px}.brand-mark{width:35px;height:35px}}@media(max-width:380px){.wrap{width:calc(100% - 26px)}.header-inner{gap:8px}.brand{font-size:17px}.lang-option{min-width:33px;padding:4px}.mobile-toggle{padding:7px 9px}}