:root{--deep:#12324c;--deep-2:#0a2336;--teal:#20aaa4;--teal-dark:#087f7b;--coral:#ee6269;--pale:#f1f6f8;--line:#d8e3e8;--ink:#172734;--muted:#60717d;--warn:#fff4df;--white:#fff;--shadow:0 18px 50px rgba(10,35,54,.10);--radius:22px;--header:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,"Avenir Next",Avenir,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{touch-action:manipulation}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;left:12px;top:8px;background:#fff;color:var(--deep);padding:10px 16px;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid #f8b84e;outline-offset:3px}.site-header{height:var(--header);position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,227,232,.8)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:750;font-size:19px;color:var(--deep)}.brand-mark{width:30px;height:30px;position:relative;display:grid;place-items:center}.brand-mark i{position:absolute;width:10px;height:18px;border:2px solid var(--teal);border-radius:8px;transform-origin:center}.brand-mark i:first-child{transform:translateX(-7px) rotate(-25deg)}.brand-mark i:nth-child(2){height:24px}.brand-mark i:last-child{transform:translateX(7px) rotate(25deg)}.nav-links{display:flex;height:100%;align-items:center;gap:34px}.nav-links a{text-decoration:none;color:#465966;font-size:14px;font-weight:700;letter-spacing:.01em;height:100%;display:grid;place-items:center;position:relative}.nav-links a:after{content:"";height:3px;position:absolute;left:0;right:0;bottom:0;background:var(--teal);transform:scaleX(0);transition:.2s}.nav-links a.active{color:var(--deep)}.nav-links a.active:after{transform:scaleX(1)}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:var(--deep);margin:5px 0;border-radius:2px;transition:.2s}
.hero{background:linear-gradient(180deg,#f5fafb 0%,#fff 78%);padding:94px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:80px;align-items:center;min-height:550px}.eyebrow{color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}.hero h1{font-size:clamp(42px,5.2vw,70px);line-height:1.04;letter-spacing:-.045em;margin:0;color:var(--deep);max-width:780px}.hero-lede{font-size:19px;color:var(--muted);max-width:680px;margin:28px 0 34px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px 16px}.button{display:inline-flex;min-height:48px;padding:0 21px;border-radius:9px;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:750}.button.primary{background:var(--deep);color:#fff}.button.primary:hover{background:#1d4868}.button.secondary{background:#fff;color:var(--deep);border:1px solid #b9cbd4}.button.secondary:hover{border-color:var(--teal)}.text-link{font-size:14px;font-weight:750;color:var(--deep);text-underline-offset:4px;margin-left:4px}.hero-system{height:490px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:330px;height:330px;border:1px dashed #99c8cb;border-radius:50%}.orbit:after{content:"";position:absolute;inset:42px;border:1px solid #d5e8e9;border-radius:50%}.system-core{width:142px;height:142px;border-radius:50%;background:var(--deep);color:#fff;display:flex;position:relative;z-index:2;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 44px rgba(18,50,76,.2)}.system-core span{font-size:12px;color:#c9dbe3}.system-core strong{font-size:16px}.system-node{position:absolute;width:164px;min-height:108px;background:#fff;border:1px solid #cfe0e5;border-radius:18px;padding:17px;box-shadow:var(--shadow);display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.system-node .node-icon{width:38px;height:38px;border-radius:12px;background:#e4f5f4;color:var(--teal-dark);font-weight:850;display:grid;place-items:center;grid-row:1/3}.system-node strong{font-size:15px;color:var(--deep)}.system-node small{font-size:11px;color:var(--muted)}.semi-node{left:4%;top:8%}.bai-node{right:0;top:24%}.meet-node{left:2%;bottom:6%}.hero-system:before,.hero-system:after{content:"";position:absolute;background:var(--coral);width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 6px rgba(238,98,105,.12)}.hero-system:before{right:20%;bottom:17%}.hero-system:after{left:30%;top:35%}.hero-foot{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.hero-foot span+span:before{content:"•";color:var(--teal);margin-right:8vw}
.section{padding:116px 0}.section-heading{max-width:700px;margin-bottom:50px}.section-heading h2,.safety-strip h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;line-height:1.08;color:var(--deep);margin:0 0 20px}.section-heading>p:last-child{font-size:17px;color:var(--muted);margin:0;max-width:640px}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:430px;display:flex;flex-direction:column;transition:.25s;background:#fff}.product-card:hover{transform:translateY(-5px);border-color:#9bc7c8;box-shadow:var(--shadow)}.product-top{display:flex;align-items:center;justify-content:space-between}.product-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e6f5f4;color:var(--teal-dark);font-weight:850;font-size:20px}.product-order{font-size:11px;font-weight:800;letter-spacing:.16em;color:#99a8b0}.product-card h3{font-size:29px;color:var(--deep);margin:28px 0 3px}.product-position{font-weight:750;line-height:1.35;margin:0 0 22px;color:#354d5b}.product-card>p:not(.product-position){color:var(--muted);font-size:14px}.role{border-top:1px solid var(--line);padding-top:19px;margin-top:auto}.role span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.role strong{font-size:13px;color:var(--deep)}.system-ribbon{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:34px;border-radius:15px;background:var(--pale);padding:20px;color:#46606d;font-size:13px;font-weight:750}.system-ribbon i{display:block;width:50px;height:1px;background:#aac7ce;position:relative}.system-ribbon i:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid #aac7ce;border-block:3px solid transparent}
.architecture{background:var(--deep-2);color:#fff;overflow:hidden}.section-heading.light h2{color:#fff}.section-heading.light>p:last-child{color:#bed0d8}.architecture-panel{background:#12334a;border:1px solid #294b61;border-radius:28px;padding:36px}.layer-label{display:flex;align-items:baseline;gap:18px;margin-bottom:22px}.layer-label span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#78c7c5;font-weight:800}.layer-label strong{font-size:16px}.product-switcher{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-switch{background:#0b283c;border:1px solid #32556b;color:#fff;border-radius:14px;min-height:86px;padding:15px 16px;text-align:left;cursor:pointer;transition:.2s}.product-switch span{font-size:17px;font-weight:800;display:block}.product-switch small{color:#91acb9}.product-switch:hover,.product-switch.active{border-color:var(--teal);background:#16475a;box-shadow:inset 0 0 0 1px var(--teal)}.flow-label{margin-top:44px}.community-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:12px}.flow-step{position:relative;min-height:170px;border:1px solid #36566a;border-radius:15px;padding:16px;background:#0d2a3e;transition:opacity .25s,border-color .25s,transform .25s}.flow-step:not(:last-child):after{content:"";position:absolute;z-index:2;top:50%;right:-13px;width:13px;border-top:1px solid #61a5aa}.flow-step>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#17465a;color:#8dd9d5;font-weight:850;font-size:11px;margin-bottom:28px}.flow-step .flow-num{color:#fff;background:var(--coral)}.flow-step small{display:block;color:#83a0ae;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.flow-step strong{display:block;font-size:13px;line-height:1.35}.architecture-panel[data-active]:not([data-active="all"]) .flow-step{opacity:.25}.architecture-panel[data-active="semi"] .flow-step[data-owner="semi"],.architecture-panel[data-active="bai"] .flow-step[data-owner="bai"],.architecture-panel[data-active="imeeting"] .flow-step[data-owner="imeeting"]{opacity:1;border-color:var(--teal);transform:translateY(-4px)}.architecture-note{margin:24px 0 0;color:#9ab2bd;font-size:12px}.architecture-note span{color:var(--teal);font-size:18px;margin-right:8px}
.quick-start{background:#fbfcfd}.guide-progress{margin:0 0 25px 300px}.guide-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted);margin-bottom:8px}.progress-track{height:5px;border-radius:5px;background:#e0e9ed;overflow:hidden}.progress-track i{height:100%;width:12.5%;background:var(--teal);display:block;transition:width .25s}.guide-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start}.chapter-nav{position:sticky;top:calc(var(--header) + 20px)}.chapter-nav ol{list-style:none;padding:0;margin:0}.chapter-nav button{width:100%;display:grid;grid-template-columns:31px 1fr;align-items:center;gap:10px;border:0;border-left:2px solid #dbe5e9;background:transparent;text-align:left;padding:11px 12px;cursor:pointer;color:#667983}.chapter-nav button span{width:28px;height:28px;border:1px solid #c9d7dd;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#fff}.chapter-nav button strong{font-size:12px}.chapter-nav button:hover{color:var(--deep)}.chapter-nav button.active{border-left-color:var(--teal);color:var(--deep);background:#edf7f7}.chapter-nav button.active span,.chapter-nav button.complete span{background:var(--teal);border-color:var(--teal);color:#fff}.guide-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px;min-height:740px;box-shadow:0 10px 36px rgba(18,50,76,.05)}.guide-kicker{color:var(--coral);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em}.guide-panel h3{font-size:34px;letter-spacing:-.03em;color:var(--deep);margin:6px 0 10px;line-height:1.15}.guide-summary{color:var(--muted);margin:0 0 26px}.guide-body{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(300px,1.2fr);gap:30px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #e7eef1;font-size:14px}.step-number{width:29px;height:29px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:850}.guide-note{margin-top:20px;padding:16px;border-radius:12px;background:var(--warn);color:#6c4b13;font-size:12px}.guide-note strong{display:block;margin-bottom:3px}.guide-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.guide-links a{font-size:12px;font-weight:800;color:var(--teal-dark);text-underline-offset:3px}.screens{display:grid;gap:14px}.screenshot-button{border:1px solid var(--line);border-radius:14px;padding:8px;background:#f4f8fa;cursor:zoom-in;position:relative;overflow:hidden;width:100%}.screenshot-button img{width:100%;max-height:480px;object-fit:contain;border-radius:8px;background:#fff}.screenshot-button:hover{border-color:var(--teal)}.screenshot-caption{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;padding:8px 3px 1px;text-align:left}.hotspot{position:absolute;left:var(--x);top:var(--y);width:25px;height:25px;transform:translate(-50%,-50%);border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:850;box-shadow:0 0 0 5px rgba(238,98,105,.19);pointer-events:none}.show-where{justify-self:start;border:1px solid #b7d1d4;color:var(--teal-dark);background:#fff;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.screens.pulse .hotspot{animation:pulse 1s ease 2}.guide-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.guide-controls button{min-width:110px;border:1px solid #bfd0d7;background:#fff;border-radius:9px;padding:11px 16px;color:var(--deep);font-weight:800;cursor:pointer}.guide-controls button.next{background:var(--deep);color:#fff;border-color:var(--deep)}.guide-controls button:disabled{opacity:.35;cursor:not-allowed}.guide-position{font-size:11px;color:var(--muted);font-weight:750}.notice{padding:15px;background:var(--warn)}
.safety-strip{background:#eaf5f4;padding:68px 0}.safety-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.safety-strip h2{font-size:38px;margin:0}.safety-grid ul{margin:0;padding:0;list-style:none}.safety-grid li{padding:16px 0 16px 32px;border-bottom:1px solid #c9dddd;position:relative;font-size:14px}.safety-grid li:before{content:"✓";position:absolute;left:0;color:var(--teal-dark);font-weight:900}.site-footer{background:var(--deep-2);color:#fff;padding:56px 0}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-brand{color:#fff}.footer-grid p{color:#8fa9b5;font-size:12px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px 32px}.footer-links a{font-size:12px;color:#c9dce4;text-underline-offset:3px}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--deep);color:#fff;border:0;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.back-top.show{opacity:1;pointer-events:auto;transform:none}.image-modal{width:min(1100px,94vw);max-height:92vh;padding:0;border:0;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.image-modal::backdrop{background:rgba(4,20,31,.82);backdrop-filter:blur(3px)}.image-modal img{width:100%;max-height:82vh;object-fit:contain;background:#edf3f5}.modal-bar{height:54px;padding:0 15px 0 20px;display:flex;align-items:center;justify-content:space-between}.modal-bar p{font-size:13px;font-weight:750;color:var(--deep)}.modal-bar button{width:38px;height:38px;border:0;background:#eef3f5;border-radius:50%;font-size:24px;cursor:pointer}.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(238,98,105,.12);transform:translate(-50%,-50%) scale(1.12)}}
@media(max-width:1000px){.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr .8fr;gap:30px}.hero h1{font-size:48px}.hero-system{transform:scale(.83);margin-inline:-50px}.product-card{padding:24px}.community-flow{grid-template-columns:repeat(4,1fr)}.flow-step:not(:last-child):after{display:none}.guide-body{grid-template-columns:1fr}.screens{grid-template-columns:repeat(2,minmax(0,1fr))}.screens .show-where{grid-column:1/-1}.screenshot-button img{max-height:410px}}
@media(max-width:760px){:root{--header:64px}.shell{width:min(100% - 32px,620px)}.site-header{height:var(--header)}.menu-toggle{display:block}.nav-links{position:absolute;left:0;right:0;top:100%;height:auto;display:none;background:#fff;border-bottom:1px solid var(--line);padding:8px 16px 18px;box-shadow:0 14px 25px rgba(18,50,76,.08)}.nav-links.open{display:block}.nav-links a{height:48px;display:flex;padding:0 12px;border-radius:8px}.nav-links a:after{display:none}.nav-links a.active{background:var(--pale)}.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero h1{font-size:clamp(40px,12vw,55px)}.hero-lede{font-size:17px}.hero-actions{align-items:stretch}.button{width:100%}.text-link{margin:6px 16px}.hero-system{height:420px;transform:scale(.82);margin:-10px -42px}.hero-foot{display:grid;grid-template-columns:1fr;gap:10px}.hero-foot span+span:before{margin-right:10px}.section{padding:82px 0}.section-heading{margin-bottom:36px}.section-heading h2{font-size:38px}.product-cards{grid-template-columns:1fr}.product-card{min-height:370px}.system-ribbon{align-items:flex-start;flex-direction:column}.system-ribbon i{width:1px;height:22px;margin-left:4px}.system-ribbon i:after{right:-3px;top:auto;bottom:0;border-top:5px solid #aac7ce;border-inline:3px solid transparent}.architecture-panel{padding:20px}.layer-label{display:block}.layer-label span{display:block;margin-bottom:6px}.product-switcher{grid-template-columns:1fr 1fr}.product-switch{min-height:78px}.community-flow{grid-template-columns:1fr;gap:0}.flow-step{min-height:112px;margin-bottom:24px;padding:15px;display:grid;grid-template-columns:46px 1fr;align-items:center}.flow-step>span{margin:0}.flow-step:not(:last-child):after{display:block;left:33px;right:auto;top:auto;bottom:-25px;width:1px;height:25px;border:0;background:#61a5aa}.flow-label{margin-top:34px}.guide-progress{margin-left:0}.guide-layout{grid-template-columns:1fr}.chapter-nav{position:relative;top:auto;overflow-x:auto;margin-inline:-16px;padding:0 16px}.chapter-nav ol{display:flex;width:max-content}.chapter-nav button{width:150px;border-left:0;border-bottom:2px solid #dbe5e9}.chapter-nav button.active{border-bottom-color:var(--teal)}.guide-panel{padding:24px 18px;min-height:0}.guide-panel h3{font-size:29px}.guide-body{gap:24px}.screens{grid-template-columns:1fr}.guide-controls{flex-wrap:wrap;gap:12px}.guide-position{order:-1;width:100%;text-align:center}.safety-grid{grid-template-columns:1fr;gap:28px}.footer-grid{display:grid}.footer-links{grid-template-columns:1fr}.back-top{right:14px;bottom:14px}.reveal{opacity:1;transform:none}}
@media(max-width:420px){.hero-actions .text-link{width:100%}.product-switcher{grid-template-columns:1fr}.screens .screenshot-button img{max-height:440px}.guide-controls button{min-width:calc(50% - 7px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media print{.site-header,.hero-actions,.hero-system,.product-switcher,.chapter-nav,.guide-progress,.guide-controls,.back-top,.show-where,.image-modal{display:none!important}.hero,.section,.architecture,.safety-strip,.site-footer{background:#fff!important;color:#111!important;padding:28px 0;break-inside:avoid}.hero-grid,.guide-layout,.guide-body{display:block}.hero h1,.section-heading h2,.section-heading.light h2,.architecture-panel,.flow-step,.site-footer,.footer-brand{color:#111!important}.architecture-panel,.guide-panel{border:1px solid #bbb;box-shadow:none}.community-flow{grid-template-columns:1fr}.flow-step{min-height:0}.guide-panel{display:block}.shell{width:100%}.reveal{opacity:1;transform:none}}