.iso-section{padding:0 0 clamp(64px,8vw,112px)}.iso-title{max-width:22ch;color:var(--m-ink);letter-spacing:-.04em;text-align:center;text-wrap:balance;margin:0 auto 48px;font-size:clamp(40px,5.5vw,72px);font-weight:400;line-height:1.04}.iso-title .serif{color:var(--royal)}.iso-diagram{aspect-ratio:auto;background:var(--canvas-royal);box-shadow:none;padding:clamp(28px,4vw,56px)}.iso-diagram:before{opacity:.12}.iso-diagram:after{background:0 0}.iso-features{--iso-gap:clamp(28px, 4vw, 64px);z-index:1;gap:var(--iso-gap);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}.iso-feature{min-width:0;position:relative}.iso-feature-art{place-items:center;height:clamp(160px,19vw,230px);margin-bottom:32px;display:grid}.iso-scene{--iso-line:color-mix(in srgb, var(--royal) 16%, var(--canvas));--iso-muted:color-mix(in srgb, var(--ink-2) 22%, var(--canvas));aspect-ratio:1.3;width:100%;max-width:280px;color:var(--royal);place-items:center;font-size:clamp(8px,1vw,12px);display:grid;position:relative}.iso-window{border:1px solid var(--iso-line);background:var(--canvas);width:100%;box-shadow:0 14px 28px -20px color-mix(in srgb, var(--ink) 35%, transparent);border-radius:10px;position:relative;overflow:hidden}.iso-window-bar{border-bottom:1px solid var(--iso-line);background:var(--canvas-tinted);align-items:center;gap:10px;height:2.8em;padding:0 1em;display:flex}.iso-window-dots{gap:3px;display:flex}.iso-window-dots i{background:var(--iso-muted);border-radius:50%;width:4px;height:4px}.iso-window-address{border:1px solid var(--hairline);background:var(--canvas);border-radius:4px;align-items:center;gap:6px;width:60%;height:1.6em;padding:0 6px;display:flex}.iso-window-address svg{width:.8em;height:.8em;color:var(--ink-2)}.iso-window-address i{background:var(--iso-muted);border-radius:2px;width:65%;height:3px}.iso-local-body{gap:1em;height:12.5em;padding:1.2em;display:flex;position:relative}.iso-local-sidebar{align-content:start;gap:.8em;width:15%;padding-top:.5em;display:grid}.iso-local-sidebar i{background:var(--iso-muted);border-radius:2px;height:.4em}.iso-local-sidebar i:first-child{background:var(--royal)}.iso-stream{border:1px solid var(--iso-line);background:var(--canvas-royal);border-radius:5px;flex:1;overflow:hidden}.iso-stream-bar{border-bottom:1px solid var(--iso-line);justify-content:space-between;padding:.6em .8em;display:flex}.iso-stream-bar i{background:var(--iso-muted);border-radius:2px;width:30%;height:.3em}.iso-stream-bar i:last-child{background:var(--royal);width:8%}.iso-page{gap:.65em;padding:1.2em;display:grid}.iso-page-image{background:color-mix(in srgb, var(--royal) 12%, var(--canvas));border-radius:4px;height:3.8em}.iso-page>i{background:var(--iso-muted);border-radius:2px;width:78%;height:.4em}.iso-page>i:nth-of-type(2){width:52%}.iso-page-button{background:var(--royal);opacity:.8;border-radius:3px;width:28%;height:1.2em;margin-top:.2em}.iso-stream .iso-page{gap:.5em;padding:.8em}.iso-stream .iso-page-image{height:2.4em}.iso-stream .iso-page-button{height:.8em}.iso-cursor{width:2em;height:2em;fill:var(--ink);color:var(--canvas);filter:drop-shadow(0 2px 2px color-mix(in srgb, var(--ink) 20%, transparent));position:absolute;bottom:19%;right:15%}.iso-scene-badge{border:1px solid var(--iso-line);background:var(--canvas);width:3.6em;height:3.6em;box-shadow:0 7px 14px -10px var(--ink-2);border-radius:12px;place-items:center;display:grid;position:absolute;bottom:0;right:6%}.iso-scene-badge svg{stroke-width:1.5px;width:1.8em;height:1.8em}.iso-routing{align-items:center;gap:1em;height:12.5em;padding:1.2em;display:flex}.iso-route-map{aspect-ratio:1;place-items:center;width:40%;display:grid;position:relative}.iso-route-map>svg{stroke-width:.65px;width:100%;height:100%;color:color-mix(in srgb, var(--royal) 40%, var(--canvas))}.iso-route-map>span{background:var(--royal);width:.55em;height:.55em;box-shadow:0 0 0 .35em color-mix(in srgb, var(--royal) 10%, var(--canvas));border-radius:50%;position:absolute}.iso-route-map>span:nth-child(2){top:26%;left:28%}.iso-route-map>span:nth-child(3){top:46%;right:19%}.iso-route-map>span:nth-child(4){bottom:16%;left:43%}.iso-routes{flex:1;gap:.6em;display:grid}.iso-route{border:1px solid var(--hairline);color:var(--iso-muted);border-radius:5px;align-items:center;gap:.6em;padding:.75em .6em;display:flex}.iso-route>svg{flex-shrink:0;width:1.15em;height:1.15em}.iso-route>span:not(.iso-route-dot){flex:1;gap:.4em;display:grid}.iso-route i{background:var(--iso-muted);border-radius:2px;height:.3em}.iso-route i:last-child{width:65%}.iso-route-dot{border:1px solid;border-radius:50%;width:.5em;height:.5em;margin:.3em}.iso-route.is-selected{border-color:color-mix(in srgb, var(--royal) 35%, var(--canvas));color:var(--royal);background:var(--canvas-royal)}.iso-route.is-selected i:first-child{background:color-mix(in srgb, var(--royal) 55%, var(--canvas))}.iso-container{border:1px dashed color-mix(in srgb, var(--royal) 35%, var(--canvas));background:color-mix(in srgb, var(--canvas) 40%, transparent);border-radius:14px;width:100%;padding:1.7em 1em 1em;position:relative}.iso-container-lock{background:var(--canvas-royal);border-radius:4px;place-items:center;width:2.2em;height:1.6em;display:grid;position:absolute;top:-.8em;left:calc(50% - 1.1em)}.iso-container-lock svg{width:1em;height:1em}.iso-container .iso-page{height:10em}.iso-scene-throwaway .iso-scene-badge{bottom:-4%;right:-2%}.iso-arrow{width:calc(var(--iso-gap) + 12px);background:var(--royal);height:1px;color:var(--royal);opacity:.5;position:absolute;top:calc(clamp(160px,19vw,230px)/2);left:calc(100% - 6px)}.iso-arrow svg{width:17px;height:17px;position:absolute;top:-8px;right:-2px}.iso-caption{border-top:1px solid color-mix(in srgb, var(--royal) 18%, transparent);padding-top:24px}.iso-feature h3{color:var(--m-ink);letter-spacing:-.025em;margin:0 0 12px;font-size:22px;font-weight:500;line-height:1.25}.iso-feature p{color:var(--m-ink-2);margin:0;font-size:15px;line-height:1.7}@media (max-width:760px){.iso-title{text-align:left;margin-bottom:32px}.iso-diagram{border-radius:18px}.iso-features{grid-template-columns:1fr;gap:64px}.iso-feature{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:28px;display:grid}.iso-feature-art{height:auto;margin:0}.iso-scene{font-size:7px}.iso-caption{border:0;padding:0}.iso-arrow{width:1px;height:28px;top:calc(100% + 18px);left:70px}.iso-arrow svg{top:auto;bottom:-2px;right:-8px;transform:rotate(90deg)}}@media (max-width:480px){.iso-feature{grid-template-columns:1fr;gap:24px}.iso-feature-art{width:min(100%,260px);margin:0 auto}.iso-scene{font-size:11px}.iso-caption{text-align:center}.iso-feature h3{font-size:21px}.iso-arrow{left:50%}}