:root{--bg:#00071b;--panel:#0a1228;--card:#171a35;--ink:#fff;--text:#bdc6d8;--muted:#8290a9;--line:#303752;--green:#00cf7d;--max:1180px;color-scheme:dark;font-family:"IBM Plex Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 6%,rgba(0,207,125,.1),transparent 25rem),var(--bg);color:var(--ink)}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;padding:10px;background:var(--green);color:#00140d}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(0,7,27,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:4}.logo img{display:block;width:160px;height:42px;object-fit:contain}.nav{display:flex;align-items:center;gap:12px}.nav a,.theme{padding:10px 14px;border:1px solid var(--line);border-radius:7px;text-decoration:none;background:transparent;color:var(--text);font:600 13px/1 inherit}.nav a:hover,.theme:hover{border-color:var(--green);color:var(--green)}.theme{width:42px;height:38px;padding:0;cursor:pointer}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.hero{padding:76px 0 54px;display:grid;grid-template-columns:1fr minmax(310px,460px);align-items:end;gap:60px}.eyebrow{margin:0 0 18px;color:var(--green);font:600 11px/1.2 "IBM Plex Mono",monospace;letter-spacing:.1em}.hero h1{max-width:800px;margin:0;font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.055em}.hero p.lead{max-width:720px;margin:24px 0 0;color:var(--text);font-size:18px;line-height:1.65}.search{display:flex;height:56px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.search input{min-width:0;flex:1;padding:0 18px;border:0;outline:0;background:none;color:var(--ink);font:inherit}.search button{width:56px;border:0;border-left:1px solid var(--line);background:none;color:var(--green);font-size:20px}.crumbs{padding-top:30px;color:var(--muted);font-size:13px}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--green)}.category-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin:0 0 90px}.tile{min-height:220px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(23,26,53,.68);text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}.tile:hover{position:relative;z-index:1;transform:translateY(-4px);background:var(--card);box-shadow:0 22px 44px rgba(0,0,0,.3)}.tile i{color:var(--green);font:500 11px "IBM Plex Mono",monospace;font-style:normal}.tile h2,.tile h3{margin:auto 0 10px;font-size:22px}.tile p{margin:0;color:var(--text);line-height:1.55}.tile span{margin-top:22px;color:var(--green);font-size:13px;font-weight:600}.section-title{margin:0 0 28px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.faq{margin:0 0 90px;display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.faq summary{padding:22px 24px;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:17px;font-weight:600;list-style:none}.faq summary::after{content:"+";color:var(--green)}.faq details[open] summary::after{content:"−"}.faq p{margin:0;padding:0 24px 24px;color:var(--text);line-height:1.65}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px;align-items:start;padding-bottom:90px}.article{max-width:780px}.article h2{margin:62px 0 16px;font-size:31px;letter-spacing:-.03em}.article p,.article li{color:var(--text);font-size:16px;line-height:1.75}.steps{counter-reset:step;list-style:none;padding:0}.steps li{position:relative;padding:18px 18px 18px 58px;border-top:1px solid var(--line)}.steps li::before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:16px;color:var(--green);font:600 11px "IBM Plex Mono",monospace}.notice{margin:26px 0;padding:20px 22px;border-left:3px solid var(--green);background:var(--card);color:var(--ink);line-height:1.6}.toc{position:sticky;top:104px;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.toc strong{display:block;margin-bottom:14px}.toc a{display:block;padding:9px 0;color:var(--text);text-decoration:none;font-size:13px;border-top:1px solid var(--line)}.toc a:hover{color:var(--green)}.related{padding:60px 0 90px;border-top:1px solid var(--line)}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related a{padding:12px 15px;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--text)}.related a:hover{border-color:var(--green);color:var(--green)}.empty{display:none;margin:-50px 0 70px;color:var(--text)}.empty.show{display:block}.footer{padding:34px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
:root[data-theme="light"]{--bg:#f5f8f6;--panel:#fff;--card:#eef5f1;--ink:#101a19;--text:#40514d;--muted:#6c7b77;--line:#cadbd2;color-scheme:light}html[data-theme="light"] body{background:radial-gradient(circle at 82% 6%,rgba(0,207,125,.09),transparent 25rem),var(--bg)}html[data-theme="light"] .header{background:rgba(245,248,246,.9)}html[data-theme="light"] .logo img{content:url("/landing/assets/bilanxflow-logo-light.png");filter:none;background:transparent}html[data-theme="light"] .tile{background:rgba(255,255,255,.75)}html[data-theme="light"] .tile:hover{background:#fff;box-shadow:0 20px 44px rgba(22,62,45,.12)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.category-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1}.footer{gap:15px;flex-direction:column}}@media(max-width:600px){.header{height:70px;padding:0 16px}.logo img{width:135px}.nav a:first-child{display:none}.wrap{width:min(calc(100% - 32px),var(--max))}.hero{padding:52px 0 40px;gap:34px}.hero h1{font-size:42px}.category-grid,.guide-grid{grid-template-columns:1fr}.tile{min-height:180px}.article h2{font-size:27px}.footer{padding:28px 16px}}