.page-dev .band h1{text-wrap:balance}.page-dev .dev-cta{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.page-dev .dev-band-art{width:300px;height:170px;position:relative}.page-dev .dev-orb{border:2px solid var(--navy);width:64px;height:64px;box-shadow:0 3px 0 var(--navy);background:#fff;border-radius:20px;place-items:center;display:grid;position:absolute}.page-dev .dev-orb .ic{width:30px;height:30px}.page-dev .dev-orb--a{background:var(--t-sun);top:18px;left:8px;rotate:-6deg}.page-dev .dev-orb--b{background:var(--t-coral);top:74px;left:92px;rotate:4deg}.page-dev .dev-orb--c{background:var(--t-sea);top:14px;left:176px;rotate:-3deg}.page-dev .dev-orb--d{background:var(--t-green);top:92px;left:228px;rotate:7deg}.page-dev .dev-band-art:before{content:"";border-top:2px dashed #1b2a4a4d;height:2px;position:absolute;top:60px;left:40px;right:40px;rotate:8deg}.page-dev .dev-body{gap:44px;padding-bottom:56px;display:grid}.page-dev .dev-sec .sec-h{margin-bottom:18px}.page-dev .dev-dot{background:#c9d3e1;border:1.5px solid #1b2a4a59;border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.page-dev .is-live .dev-dot{background:var(--green-2)}.page-dev .is-coming .dev-dot{background:var(--sea-2)}.page-dev .dev-life{counter-reset:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.page-dev .dev-life-i{background:var(--paper-2);border:1.5px solid var(--line);border-radius:16px;align-content:start;justify-items:start;gap:6px;padding:14px;display:grid;position:relative}.page-dev .dev-life-i.is-live{background:var(--t-green);border-color:#1b2a4a40}.page-dev .dev-life-i:not(:last-child):after{content:"";border-top:2px solid var(--navy);border-right:2px solid var(--navy);z-index:1;width:8px;height:8px;position:absolute;top:22px;right:-9px;rotate:45deg}.page-dev .dev-life-n{background:var(--navy);color:#fff;width:26px;height:26px;font:900 13px/1 var(--f-ui);border-radius:50%;place-items:center;display:grid}.page-dev .dev-life-i b{color:var(--navy);font-size:16px}.page-dev .dev-life-i>span:not(.dev-life-n):not(.chip){color:var(--ink-2);font-size:14px}.page-dev .dev-stack{gap:22px;display:grid}.page-dev .dev-layer{border:2px solid var(--navy);box-shadow:0 3px 0 var(--navy);background:#fff;border-radius:22px;grid-template-columns:minmax(0,330px) minmax(0,1fr);align-items:center;gap:14px 24px;padding:18px 20px;display:grid;position:relative}.page-dev .dev-layer--tank{background:linear-gradient(135deg, #fff, var(--t-sun))}.page-dev .dev-layer--anima{background:linear-gradient(135deg, #fff, var(--t-coral))}.page-dev .dev-layer--map{background:linear-gradient(135deg, #fff, var(--t-sea))}.page-dev .dev-layer-h{align-items:flex-start;gap:12px;display:flex}.page-dev .dev-layer-h>span:last-child{gap:4px;display:grid}.page-dev .dev-layer-h b{font:400 21px/1.1 var(--f-display);color:var(--navy)}.page-dev .dev-layer-h small{color:var(--ink-2);font-size:13.5px;font-weight:700}.page-dev .dev-mods{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.page-dev .dev-mod{min-height:34px;font:800 13.5px/1.2 var(--f-ui);color:var(--navy);background:#ffffffe6;border:1.5px solid #1b2a4a38;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.page-dev .dev-mod.is-live{border-color:var(--navy)}.page-dev .dev-flow{z-index:1;width:26px;height:22px;color:var(--navy);place-items:center;display:grid;position:absolute;bottom:-21px;left:50%;translate:-50%}.page-dev .dev-flow .ic{width:20px;height:20px}.page-dev .dev-legend{color:var(--ink-2);flex-wrap:wrap;gap:8px 18px;margin:0;font-size:13px;font-weight:800;display:flex}.page-dev .dev-legend span{align-items:center;gap:6px;display:inline-flex}.page-dev .dev-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.page-dev .dev-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.page-dev .dev-card{gap:6px;padding:14px 16px;display:grid}.page-dev .dev-card-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.page-dev .dev-card code{color:var(--navy);font:800 14.5px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.page-dev .dev-card>span:last-child{color:var(--ink-2);font-size:14px}.page-dev .dev-side{gap:14px;display:grid}.page-dev .dev-code{border:2px solid var(--navy);min-width:0;box-shadow:0 3px 0 var(--navy);background:#14203a;border-radius:18px;margin:0;overflow:hidden}.page-dev .dev-code figcaption{color:#e5edf8;font:800 13px/1 var(--f-ui);background:#1b2a4a;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.page-dev .dev-code figcaption .chip{min-height:24px;padding:2px 10px;font-size:12px}.page-dev .dev-code pre{color:#cfe3ff;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch;margin:0;padding:14px 16px;font:500 12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.page-dev .dev-list h3{color:var(--navy);flex-wrap:wrap;align-items:center;gap:8px;font-size:17px;display:flex}.page-dev .dev-list .small{color:var(--ink-2);margin-top:6px}.page-dev .dev-list ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.page-dev .dev-list li{color:var(--ink);align-items:flex-start;gap:8px;font-size:14px;font-weight:700;display:flex}.page-dev .dev-list li .ic{flex:none;width:18px;height:18px;margin-top:1px}.page-dev .dev-pipe{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0 0 14px;padding:0;list-style:none;display:grid}.page-dev .dev-pipe-i{align-content:start;justify-items:start;gap:6px;padding:14px;display:grid}.page-dev .dev-pipe-i.is-live{background:var(--t-green)}.page-dev .dev-pipe-n{font:900 12px/1 var(--f-ui);color:var(--ink-3);letter-spacing:.08em}.page-dev .dev-pipe-i b{color:var(--navy);font-size:15.5px}.page-dev .dev-pipe-i>span:not(.dev-pipe-n):not(.chip){color:var(--ink-2);font-size:13.5px}.page-dev .dev-runtime-l{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.page-dev .dev-two--tools{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch}.page-dev .dev-two--tools .dev-code{flex-direction:column;display:flex}.page-dev .dev-two--tools .dev-code pre{flex:1}.page-dev .dev-tools{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.page-dev .dev-tool{grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 12px;padding:14px;display:grid}.page-dev .dev-tool>span:nth-child(2){gap:3px;display:grid}.page-dev .dev-tool b{color:var(--navy);font-size:15px}.page-dev .dev-tool>span:nth-child(2)>span{color:var(--ink-2);font-size:13.5px}.page-dev .dev-tool .chip{grid-column:2;justify-self:start}.page-dev .dev-ecs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-dev .dev-ecs ul{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.page-dev .dev-ecs li{color:var(--navy);align-items:center;gap:8px;font-size:14.5px;font-weight:800;display:inline-flex}.page-dev .dev-ecs li .ic{width:18px;height:18px}.page-dev .dev-end{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.page-dev .dev-end p{color:var(--ink-2);margin-top:4px}@media (max-width:1023px){.page-dev .dev-life{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.page-dev .dev-life-i:not(:last-child):after{display:none}.page-dev .dev-layer,.page-dev .dev-two,.page-dev .dev-two--tools{grid-template-columns:1fr}}@media (max-width:599px){.page-dev .dev-body{gap:30px}.page-dev .dev-layer{padding:16px}.page-dev .dev-end{grid-template-columns:1fr;justify-items:start}.page-dev .dev-code pre{font-size:12px}}