:root{--blue:#1181de;--blue-dark:#0866b4;--teal:#27c0a7;--teal-dark:#147163;--ink:#17324d;--text:#334155;--muted:#64748b;--line:#e1e9f0;--pale:#f3f8fc;--pale-teal:#e8f7f4;--white:#fff;--shadow:0 18px 55px rgba(28,52,78,.08);--font:'DM Sans',Arial,sans-serif;--head:'Manrope','DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#f7f9fc;color:var(--text);font:15px/1.65 var(--font);-webkit-font-smoothing:antialiased}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:100;background:#fff;padding:10px}.topbar{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:42px;padding:0 34px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font:800 25px var(--head);text-decoration:none;letter-spacing:-1.2px}.brand-mark{width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,var(--teal),var(--blue));display:grid;place-items:center;color:white;font:800 18px var(--head)}.topbar-title{font-weight:600;color:var(--ink)}.topbar-title span{color:var(--teal);padding:0 6px}.topbar-meta{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.online-dot{width:8px;height:8px;border-radius:100%;background:var(--teal);box-shadow:0 0 0 4px #e8f7f4}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:1680px;margin:auto;min-height:calc(100vh - 68px)}.sidebar{position:sticky;top:68px;height:calc(100vh - 68px);overflow-y:auto;background:#fff;border-right:1px solid var(--line);padding:27px 20px 18px;display:flex;flex-direction:column}.sidebar-intro{padding:0 9px 19px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--teal-dark);margin:0 0 8px}.sidebar h1{font:800 23px/1.25 var(--head);color:var(--ink);margin:0 0 6px}.sidebar-intro>p:last-child{font-size:13px;color:var(--muted);margin:0}.search-label{font-size:11px;font-weight:700;color:#58677a;margin:0 8px 7px}.search-wrap{display:flex;align-items:center;gap:8px;padding:0 11px;background:#f8fafc;border:1px solid #e8edf2;border-radius:9px;height:39px;color:#8a9aad;margin:0 0 17px}.search-wrap span{font-size:22px}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font:13px var(--font);color:var(--ink)}.nav-group{margin:4px 0 14px}.nav-group-title{margin:0 9px 5px;color:#95a2b0;font-size:10px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}.module-nav a{display:flex;gap:10px;align-items:center;padding:7px 10px;margin:2px 0;border-radius:8px;color:#516174;font-size:12.5px;text-decoration:none;transition:.15s}.module-nav a:hover,.module-nav a.active{background:#eff7fd;color:var(--blue-dark)}.module-nav a.active{font-weight:700}.nav-icon{width:19px;color:#8a9bac;text-align:center;font-size:15px}.module-nav a.active .nav-icon{color:var(--blue)}.sidebar-note{border-top:1px solid var(--line);padding:14px 9px 12px;margin-top:auto;display:grid;gap:3px;font-size:12px}.sidebar-note strong{font-size:10px;letter-spacing:.9px;color:#8a9bac;text-transform:uppercase;margin-bottom:4px}.sidebar-note a{color:var(--muted);text-decoration:none;padding:2px 0}.sidebar-note a:hover{color:var(--blue)}.sidebar-foot{font-size:10px;color:#9aa8b6;padding:12px 9px 0}.content{min-width:0;padding:36px clamp(22px,4.4vw,72px) 0;max-width:1380px;margin:0 auto;width:100%}.hero-section{min-height:420px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px;padding:18px 0 34px}.hero-copy h2{font:800 clamp(34px,4vw,55px)/1.13 var(--head);letter-spacing:-2px;color:var(--ink);max-width:740px;margin:9px 0 17px}.hero-lede{font-size:17px;line-height:1.7;max-width:670px;color:#607084;margin:0}.hero-actions{display:flex;gap:11px;margin:24px 0 30px}.button{display:inline-flex;align-items:center;gap:13px;padding:11px 16px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700}.button-primary{background:var(--blue);color:white;box-shadow:0 8px 18px rgba(17,129,222,.2)}.button-primary:hover{background:var(--blue-dark)}.button-secondary{background:white;color:var(--ink);border:1px solid var(--line)}.hero-stats{display:flex;gap:35px}.hero-stats div{display:grid;gap:1px}.hero-stats strong{font:800 19px var(--head);color:var(--ink)}.hero-stats span{font-size:11px;color:var(--muted)}.hero-art{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center}.art-window{width:min(100%,430px);height:275px;background:#fff;border:1px solid #e0e8ee;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1deg)}.art-bar{height:35px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;gap:5px;padding:0 12px}.art-bar i{width:6px;height:6px;border-radius:50%;background:#d4dee7}.art-bar span{font-size:8px;margin-left:9px;color:#77879a}.art-body{display:grid;grid-template-columns:105px 1fr;height:240px}.art-menu{padding:12px 8px;display:grid;align-content:start;gap:10px;border-right:1px solid #eef2f6;font-size:8px;color:#78899a}.art-menu b{font:800 13px var(--head);color:var(--ink);margin-bottom:5px}.art-menu span:first-of-type{color:var(--blue);background:#eef7fd;padding:4px;border-radius:4px}.art-main{padding:15px 14px}.art-welcome{display:grid;font-size:11px;color:var(--ink);gap:3px}.art-welcome small{font-size:8px;color:#9aa7b4}.art-cards{display:flex;gap:7px;margin:13px 0}.art-cards i{height:36px;flex:1;border-radius:5px;background:#eff7fd}.art-cards i:nth-child(2){background:#eef9f6}.art-cards i:nth-child(3){background:#f8f4fd}.art-chart{height:106px;display:flex;align-items:end;gap:8px;background:#fafcfd;border:1px solid #edf1f4;border-radius:6px;padding:13px}.art-chart div{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#53afea,#cce9fb)}.art-chart div:nth-child(1){height:34%}.art-chart div:nth-child(2){height:56%}.art-chart div:nth-child(3){height:43%}.art-chart div:nth-child(4){height:74%}.art-chart div:nth-child(5){height:58%}.art-chart div:nth-child(6){height:87%}.art-chart div:nth-child(7){height:66%}.art-chart div:nth-child(8){height:94%}.art-chip{position:absolute;bottom:8px;right:0;transform:rotate(-2deg);background:#fff;padding:11px 14px;border:1px solid #e3ebf0;border-radius:8px;box-shadow:0 10px 30px #17324d12;font-size:11px;color:#516174}.art-chip span{color:var(--teal);padding-left:8px}.notice{display:flex;gap:13px;border-radius:11px;padding:16px 18px;margin:8px 0 27px}.notice-screenshot{background:#fff7e8;border:1px solid #f2dfb8}.notice-icon{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f3d899;color:#674c12;font-weight:800}.notice strong{font-size:13px;color:#604a1c}.notice p{font-size:12px;color:#6c5d3b;line-height:1.65;margin:3px 0 0}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:58px}.info-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;gap:12px;box-shadow:0 3px 12px #17324d05}.card-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;font-weight:700}.card-icon.blue{background:#eaf5fc;color:var(--blue)}.card-icon.teal{background:#e8f7f4;color:var(--teal-dark)}.card-icon.violet{background:#f2edfa;color:#7858b6}.info-card h3{font:700 13px var(--head);color:var(--ink);margin:0 0 5px}.info-card p{font-size:11.5px;line-height:1.6;color:var(--muted);margin:0}.module-section{padding:25px 0 33px;border-top:1px solid #dfe7ee;scroll-margin-top:84px}.module-heading{display:flex;align-items:start;gap:14px;margin-bottom:20px}.module-index{width:39px;height:39px;border-radius:11px;background:#eaf5fc;display:grid;place-items:center;color:var(--blue);font:800 13px var(--head);flex:0 0 auto}.module-kicker{font-size:10px;letter-spacing:1px;font-weight:800;text-transform:uppercase;color:var(--teal-dark);margin:0 0 2px}.module-heading h2{font:800 27px/1.24 var(--head);letter-spacing:-.6px;color:var(--ink);margin:0}.module-heading p{font-size:13px;color:var(--muted);margin:5px 0 0;max-width:820px}.module-body{display:grid;gap:16px}.view-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #17324d08}.view-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #edf1f5}.view-head h3{font:700 14px var(--head);color:var(--ink);margin:0}.view-tag{font-size:10px;color:#6b7787;background:#f2f5f8;border-radius:999px;padding:4px 8px}.view-layout{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(280px,1.05fr);gap:23px;padding:17px;align-items:start}.screen-frame{overflow:hidden;border:1px solid #dbe4eb;border-radius:9px;background:#f8fafc}.screen-caption{background:#f5f8fb;border-top:1px solid #e1e9ef;padding:7px 10px;font-size:9px;color:#738398}.screen-caption strong{color:#52657a}.diagram-screen{width:100%;display:block;aspect-ratio:16/10}.actual-screenshot{width:100%;display:block;object-fit:contain;background:#f8fafc;max-height:360px}.explanation{padding:2px 5px}.explanation .function-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--blue);margin:0 0 5px}.explanation h4{font:700 18px/1.3 var(--head);color:var(--ink);margin:0 0 8px}.explanation>p{font-size:13px;line-height:1.7;color:#5c6b7d;margin:0 0 13px}.explanation h5{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#8795a5;margin:15px 0 7px}.steps{padding:0;margin:0;list-style:none;counter-reset:steps;display:grid;gap:8px}.steps li{counter-increment:steps;display:grid;grid-template-columns:23px 1fr;gap:8px;font-size:12px;line-height:1.6;color:#46576b}.steps li::before{content:counter(steps);width:21px;height:21px;border-radius:7px;background:#eff7fd;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800}.tip{margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--teal);background:#f0faf7;border-radius:0 7px 7px 0;font-size:11px;line-height:1.6;color:#4c655f}.tip strong{color:var(--teal-dark)}.view-subnav{display:flex;flex-wrap:wrap;gap:7px;margin:0 17px 3px}.view-subnav span{font-size:10px;color:#637487;background:#f4f7f9;border:1px solid #e6edf2;border-radius:999px;padding:4px 9px}.end-section,.glossary-section{padding:60px 0 45px;border-top:1px solid #dfe7ee;scroll-margin-top:85px}.end-section h2,.glossary-section h2{font:800 29px var(--head);letter-spacing:-.6px;color:var(--ink);margin:4px 0 22px}.day-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.day-flow article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px}.day-flow article>span{font:800 12px var(--head);color:var(--blue)}.day-flow h3{font:700 16px var(--head);color:var(--ink);margin:6px 0}.day-flow p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.end-note{background:#edf6fc;padding:15px 17px;border-radius:9px;margin-top:15px}.end-note strong{font-size:12px;color:var(--ink)}.end-note p{font-size:12px;color:#64748b;margin:3px 0 0}.glossary-section dl{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.glossary-section dl div{padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:8px}.glossary-section dt{font-weight:700;font-size:12px;color:var(--ink)}.glossary-section dd{font-size:11px;color:var(--muted);margin:3px 0 0}.page-footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:17px 0 25px;color:#8795a5;font-size:10px}.brand-mini{font:800 14px var(--head);color:var(--ink);letter-spacing:-.7px}.page-footer a{margin-left:auto;color:var(--blue);text-decoration:none}.empty-state{padding:28px;background:#fff;border:1px dashed #cad5df;border-radius:10px;color:var(--muted);font-size:13px}.module-section[hidden]{display:none!important}
@media(max-width:1050px){.shell{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.hero-section{grid-template-columns:1fr .75fr;gap:20px}.hero-art{transform:scale(.92)}.view-layout{grid-template-columns:1fr}.screen-frame{max-width:720px}.day-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:58px;padding:0 16px;gap:14px}.topbar-title{font-size:12px}.topbar-meta{display:none}.brand{font-size:21px}.shell{display:block}.sidebar{position:sticky;top:58px;height:auto;padding:9px 12px;border-right:0;border-bottom:1px solid var(--line);z-index:15}.sidebar-intro,.sidebar-note,.sidebar-foot,.search-label{display:none}.search-wrap{margin:0 0 7px;height:34px}.module-nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:4px}.nav-group{display:contents}.nav-group-title{display:none}.module-nav a{white-space:nowrap;flex:0 0 auto;border:1px solid #edf1f5;margin:0;padding:6px 9px;font-size:11px}.nav-icon{width:auto}.content{padding:25px 16px 0}.hero-section{display:block;padding:16px 0 22px}.hero-copy h2{font-size:36px;letter-spacing:-1.4px}.hero-lede{font-size:15px}.hero-art{min-height:245px;margin:5px 0}.art-window{height:230px}.art-body{height:195px}.hero-stats{gap:16px}.hero-stats span{font-size:9px}.intro-grid{grid-template-columns:1fr;margin-bottom:34px}.module-section{padding:20px 0 25px}.module-heading h2{font-size:23px}.view-layout{padding:11px;gap:14px}.screen-frame{min-width:0}.explanation h4{font-size:16px}.day-flow{grid-template-columns:1fr 1fr}.glossary-section dl{grid-template-columns:1fr}.page-footer{flex-wrap:wrap}.page-footer a{margin-left:0;width:100%}}
@media print{.topbar,.sidebar,.hero-actions,.hero-art,.view-subnav{display:none!important}.shell{display:block}.content{padding:0;max-width:none}.module-section{break-inside:avoid}.view-card{break-inside:avoid;box-shadow:none}.view-layout{grid-template-columns:1fr 1fr}.screen-frame{max-width:none}.notice{print-color-adjust:exact}}