:root{color-scheme:dark;--bg:#0b131e;--panel:#142232;--panel2:#192b3b;--line:#2a3d50;--text:#e7eff6;--muted:#a1b4c4;--accent:#64d4d7;--accent2:#278c97;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:absolute;top:-70px;background:#fff;color:#000;padding:10px;z-index:100}.skip:focus{top:8px}.site-header{position:sticky;top:0;z-index:30;background:#0d1724ee;border-bottom:1px solid #294051;backdrop-filter:blur(16px)}.header-content{max-width:1500px;margin:auto;min-height:76px;padding:8px clamp(18px,4vw,65px);display:flex;gap:30px;align-items:center}.identity{display:flex;align-items:center;gap:13px;min-width:210px;line-height:1.2}.identity-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #326774;background:#173b49;border-radius:13px;color:var(--accent);font-size:28px}.identity strong{display:block;letter-spacing:.11em;font-weight:850}.identity small{display:block;font-size:9px;color:#a5c0d3;letter-spacing:.14em;margin-top:5px}.header-links{display:flex;align-items:center;gap:24px;font-size:13px;color:#aebfcf;margin-left:auto}.header-links a:hover,.side-nav a:hover,.feature a:hover,.tutorial a:hover{color:var(--accent)}.launch{display:inline-flex;justify-content:center;gap:14px;align-items:center;border-radius:9px;background:var(--accent);color:#09202a;font-weight:750;padding:12px 19px;line-height:1.2;transition:background .18s}.launch:hover{background:#a2eff0}.launch-small{font-size:12px;padding:12px 15px;white-space:nowrap}.site-layout{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(20px,3vw,52px);padding:0 clamp(18px,4vw,65px)}.side-nav{position:sticky;top:77px;height:calc(100vh - 78px);padding:44px 18px 24px 0;border-right:1px solid #283b4a;display:flex;flex-direction:column;gap:6px}.side-label{font-size:10px;letter-spacing:.16em;color:#5ed0d3;font-weight:800;margin-bottom:16px}.side-nav a{font-size:13px;color:#b0bdca;padding:8px 7px;border-radius:6px}.side-nav a.active{background:#193749;color:#7eebec}.side-note{font-size:11px;color:#839bad;margin-top:auto;border-top:1px solid var(--line);padding:20px 6px 0}main{min-width:0}.hero{padding:78px 0 72px;border-bottom:1px solid var(--line);position:relative;background:radial-gradient(ellipse at 85% 15%,#183f4e66,transparent 49%)}.eyebrow,.section-number,.tutorial-tag{font-weight:800;letter-spacing:.17em;font-size:11px;color:#6cdee1}.pulse{display:inline-block;width:7px;height:7px;margin-right:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #64d4d7}h1,h2,h3,p{margin-top:0}h1{line-height:1.12;font-weight:790;letter-spacing:-.04em;font-size:clamp(34px,4.8vw,66px);margin:23px 0 23px}h1 em{font-weight:360;font-style:normal;color:#bfd0db;letter-spacing:-.03em;font-size:.62em;display:block;line-height:1.3;margin-top:13px}.lead{max-width:770px;font-size:clamp(15px,1.55vw,19px);color:#b3c8d7;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:20px;margin:32px 0}.secondary-link{color:var(--accent);font-weight:650}.secondary-link:hover{text-decoration:underline}.meta-row{display:flex;gap:9px;flex-wrap:wrap}.meta-row span{color:#a9c0cd;border:1px solid #315062;background:#102331;border-radius:100px;padding:5px 11px;font-size:11px}.section{padding:76px 0 68px;border-bottom:1px solid var(--line);scroll-margin-top:105px}.section-number{color:#75cdd0}.section h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.03em;margin:9px 0 13px;line-height:1.24}.section>p{color:var(--muted);max-width:810px}.screenshot-frame{margin:32px 0 24px;background:#101c29;border:1px solid #304454;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #01050933}.screenshot-top{padding:10px 15px;border-bottom:1px solid #2b3b4d;background:#162434;display:flex;align-items:center;gap:6px;color:#95b2c4;font-size:10px;letter-spacing:.1em}.dot{width:7px;height:7px;border-radius:50%;background:#4c6070}.screenshot-top span:last-child{margin-left:10px}.screenshot-frame img{display:block;width:100%;height:auto}.shot-fallback{padding:75px 35px;color:#a7baca;text-align:center}.shot-fallback code{color:var(--accent)}.screenshot-frame figcaption{padding:13px 18px;font-size:11px;color:#94aabd}.feature-grid,.tutorial-grid,.info-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:24px}.feature,.tutorial,.info-panel{border:1px solid #2d4253;border-radius:12px;padding:24px;background:linear-gradient(155deg,#192a3a,#132130);min-width:0}.feature-icon{font-size:12px;font-weight:800;color:var(--accent);border:1px solid #386771;border-radius:8px;padding:5px 8px;display:inline-block;margin-bottom:15px}.feature h3,.tutorial h3,.info-panel h3{font-size:16px;margin:0 0 7px}.feature p,.tutorial p,.info-panel p{font-size:13px;color:#a9bdca}.feature a,.tutorial a{color:#6bdcdf;font-weight:700;font-size:12px}.searchbox{display:flex;align-items:center;gap:14px;margin:25px 0 8px;background:#142434;border:1px solid #355163;border-radius:10px;padding:0 18px}.searchbox span{font-size:26px;color:#7ad7d8}.searchbox:focus-within{border-color:#64d4d7}.searchbox input{background:none;border:none;outline:none;color:#eef7fa;width:100%;height:55px;min-width:0}.searchbox input::placeholder{color:#8da8b9}.search-count{font-size:12px;color:#8caaba;margin:0 0 18px}.manual-list{display:grid;gap:10px}.manual-item,.faq details{border:1px solid #304454;background:#142333;border-radius:10px;overflow:hidden;scroll-margin-top:110px}.manual-item>summary,.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:15px;padding:18px 21px}.manual-item>summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}.manual-item[open]>summary{background:#1c3343;border-bottom:1px solid #355163}.manual-index{color:#6ad9db;background:#204251;border:1px solid #316773;width:37px;height:37px;display:grid;place-items:center;border-radius:9px;font-size:12px;font-weight:850;flex:none}.manual-item summary strong{display:block;font-size:15px}.manual-item summary small{color:#91abba;display:block;font-size:12px;margin-top:2px}.chevron{margin-left:auto;font-size:23px;color:#78cdd1;transition:transform .15s}.manual-item[open] .chevron{transform:rotate(180deg)}.manual-body{padding:22px 27px 25px 75px;color:#bfd0db;font-size:14px}.manual-body p{margin-bottom:14px}.manual-body ol,.tutorial ol{padding-left:22px}.manual-body li,.tutorial li{margin:8px 0}.manual-body b{color:#e5f8fa}.technical{font-size:12px;color:#8fbed1;padding:12px 14px;border-left:3px solid #3695a1;background:#102c3a;border-radius:0 6px 6px 0;line-height:1.6}.technical.warning{color:#e0c7a6;border-color:#d0a04c;background:#30281f}.empty-results{padding:20px;color:#abc3d3;border:1px dashed #416074;border-radius:10px}.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial{display:flex;flex-direction:column}.tutorial h3{margin:11px 0}.tutorial ol{font-size:13px;color:#b1c4d2;margin-bottom:24px}.tutorial a{margin-top:auto}.info-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.faq{display:grid;gap:10px}.faq details p{padding:0 22px 19px;color:#b3c6d3;font-size:13px;margin:0}.faq summary{font-weight:650;justify-content:space-between}.faq summary:after{content:"+";color:var(--accent);font-size:19px}.faq details[open] summary:after{content:"−"}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:35px 0 55px;font-size:11px;color:#94abbd}footer strong{color:#c7e9ec}footer a{color:var(--accent)}
@media(max-width:1030px){.header-links{display:none}.header-content{justify-content:space-between}.tutorial-grid,.info-columns{grid-template-columns:1fr}.hero{padding-top:52px}}
@media(max-width:760px){.site-layout{display:block}.side-nav{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line);padding:12px 0;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;gap:4px}.side-nav a{white-space:nowrap;font-size:12px;padding:6px 10px}.side-label,.side-note{display:none}.identity{min-width:0}.identity small{font-size:8px}.launch-small{padding:9px 10px;font-size:11px}.hero{padding:55px 0}.section{padding:50px 0}.feature-grid{grid-template-columns:1fr}.manual-body{padding:20px}.manual-item>summary{padding:14px 12px}.manual-item summary small{font-size:11px}.manual-index{width:33px;height:33px}.screenshot-top{font-size:8px}.meta-row span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}