.ind-explorer{padding:96px 0 104px;background:#fff;color:#0b192c;border-block:1px solid var(--line)}.ind-head{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:end;margin-bottom:48px}.ind-head .eyebrow{color:var(--muted);margin-bottom:18px}.ind-head h1{font-size:clamp(32px,3.6vw,52px);line-height:1.04;letter-spacing:-.02em;font-weight:500;margin:0}.ind-intro{color:var(--muted);font-size:16px;line-height:1.6;max-width:440px;margin:0}.ind-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start}.ind-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.ind-item{scroll-margin-top:110px;border-bottom:1px solid var(--line)}.ind-btn{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:12px;padding:15px 4px 15px 0;cursor:pointer;position:relative;color:#6d6e72;transition:color .25s,padding .3s}.ind-btn::before{content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:#0016cb;transform:scaleY(0);transform-origin:top;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ind-num{font-family:"Tomorrow",sans-serif;font-size:13px;letter-spacing:.04em;color:#a3a5aa;padding-left:14px;transition:color .25s}.ind-name{font-family:"Tomorrow",sans-serif;font-size:clamp(17px,1.45vw,21px);font-weight:500;letter-spacing:-.01em;line-height:1.25}.ind-plus{width:12px;height:12px;position:relative;justify-self:end}.ind-plus::before,.ind-plus::after{content:'';position:absolute;left:0;right:0;top:5px;height:2px;background:currentColor;transition:transform .3s}.ind-plus::after{transform:rotate(90deg)}.ind-btn:hover,.ind-btn:focus-visible{color:#0b192c}.ind-btn:focus-visible{outline:2px solid #0016cb;outline-offset:2px}.ind-item.is-active .ind-btn{color:#0b192c;padding-left:10px}.ind-item.is-active .ind-btn::before{transform:scaleY(1)}.ind-item.is-active .ind-num{color:#0016cb}.ind-item.is-active .ind-plus::after{transform:rotate(0)}.ind-detail{display:none}.ind-panel{position:sticky;top:110px;background:#0b192c;color:#fff;border-radius:14px;padding:32px 36px 26px;max-height:calc(100vh - 140px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.ind-panel::after{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,22,203,.55),transparent 70%);pointer-events:none}.ind-panel-num{font-family:"Tomorrow",sans-serif;font-size:13px;letter-spacing:.12em;color:#9ac9ff;margin:0 0 14px}.ind-panel-title{font-size:clamp(24px,2.2vw,32px);line-height:1.1;font-weight:500;margin:0 0 14px;max-width:90%}.ind-panel .ind-copy{color:#fff;font-size:16px;line-height:1.55;margin:0 0 8px;max-width:560px}.ind-panel .ind-over{color:#cfd3da;font-size:14.5px;line-height:1.6;margin:0;max-width:560px}.ind-panel-body{transition:opacity .25s,transform .25s}.ind-panel.is-swapping .ind-panel-body,.ind-panel.is-swapping .ind-panel-title{opacity:0;transform:translateY(6px)}.ind-panel-title{transition:opacity .25s,transform .25s}.ind-meta{padding-top:14px;margin-top:14px;border-top:1px solid rgba(255,255,255,.1)}.ind-label{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#8d96a6;margin:0 0 10px}.ind-chips,.ind-modes,.ind-classes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.ind-chips li{font-size:13px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.07);color:#e8ebf0}.ind-modes li{display:flex;align-items:center;gap:8px;font-size:13px;padding:7px 12px 7px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.1);color:#6f7889}.ind-modes li.on{border-color:rgba(154,201,255,.45);color:#fff;background:rgba(0,22,203,.25)}.ind-modes svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.ind-classes li{font-family:"Tomorrow",sans-serif;font-size:13px;padding:5px 10px;border-radius:6px;background:#fff;color:#0b192c}.ind-note{position:relative;font-size:12px;color:#7d8696;margin:18px 0 0;line-height:1.5}.ind-how{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ind-how li{position:relative;padding-left:18px;font-size:14px;line-height:1.5;color:#e8ebf0}.ind-how li::before{content:"";position:absolute;left:2px;top:.6em;width:7px;height:7px;border-radius:2px;background:#4d7bff}.ind-row{display:flex;flex-wrap:wrap;gap:14px 28px}@media (max-width:860px){.ind-explorer{padding:64px 0 68px}.ind-head{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.ind-head h1{font-size:32px}.ind-intro{font-size:15px}.ind-body{display:block}.ind-panel{display:none}.ind-btn{grid-template-columns:34px 1fr 14px;padding:15px 0}.ind-num{padding-left:10px}.ind-item.is-active .ind-btn{padding-left:6px}.ind-name{font-size:17px}.ind-detail{display:block;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.2,.7,.2,1)}.ind-detail>*{margin-left:10px;margin-right:4px}.ind-detail .ind-copy{font-size:15px;line-height:1.6;color:#0b192c;margin-top:0;margin-bottom:6px}.ind-detail .ind-meta{border-top-color:var(--line);padding-top:12px;margin-top:12px}.ind-detail .ind-meta:last-child{padding-bottom:20px}.ind-detail .ind-label{color:#8a8d93}.ind-detail .ind-over{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 4px 4px 10px}.ind-detail .ind-how li{color:#0b192c}.ind-detail .ind-how li::before{background:#0016cb}.ind-detail .ind-meta:last-child{padding-bottom:20px}.ind-detail .ind-chips li{background:var(--paper);color:#0b192c}.ind-detail .ind-modes li{border-color:var(--line);color:#b0b3b8}.ind-detail .ind-modes li.on{border-color:#0016cb;color:#0016cb;background:#eef0ff}.ind-detail .ind-classes li{background:#0b192c;color:#fff}.ind-mnote{font-size:12px;color:#8a8d93;margin:20px 0 0}.ind-modes li:not(.on){display:none}}@media (min-width:861px){.ind-mnote{display:none}}