.sysdev{color:var(--ink);background:var(--paper);font-size:16px;line-height:1.8}.sysdev p{margin:1em 0}.sysdev ul,.sysdev ol{padding-left:1.2em}.sysdev ul{list-style:outside}.sysdev ol{list-style:decimal}.sysdev h1,.sysdev h2,.sysdev h3,.sysdev h4{font-weight:700}.sysdev{--paper:#faf9f5;--paper-sub:#f2f1ed;--ink:#141413;--ink-sub:#4d4d4d;--ink-min:#737373;--line:#e6e5e0;--line-strong:#d5d4cf;--accent:#511990;--accent-hover:#411474;--accent-wash:#f1ecf7;--ok:#1f7a4d}.sysdev a{color:var(--accent)}.sysdev .wrap{max-width:1080px;margin:0 auto;padding:0 16px}@media (min-width:768px){.sysdev .wrap{padding:0 32px}}.sysdev section{padding:64px 0}@media (min-width:768px){.sysdev section{padding:96px 0}}.sysdev section.sub{background:var(--paper-sub)}.sysdev .crumb{color:var(--ink-sub);margin:24px 0 0;font-size:12px}.sysdev .crumb a{color:var(--ink-sub)}.sysdev h1,.sysdev h2,.sysdev h3{font-family:var(--font-zen-mincho),serif;margin:0;font-weight:700;line-height:1.35}.sysdev h1{font-size:30px}@media (min-width:768px){.sysdev h1{font-size:44px}}.sysdev h2{font-size:22px}@media (min-width:768px){.sysdev h2{font-size:30px}}.sysdev h3{font-size:18px;font-family:var(--font-zen-kaku),sans-serif}.sysdev .eyebrow{color:var(--accent);margin:0 0 12px;font-size:14px;font-weight:700}.sysdev .lead{color:var(--ink);max-width:40em;margin:24px 0 0;font-size:16px}@media (min-width:768px){.sysdev .lead{font-size:18px}}.sysdev .shead p{color:var(--ink-sub);max-width:44em;margin:16px 0 0}.sysdev .tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.sysdev .tag{border:1px solid var(--line-strong);color:var(--ink-sub);background:#fff;border-radius:4px;padding:2px 10px;font-size:12px}.sysdev .tag.ac{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.sysdev .tag.ok{border-color:var(--ok);color:var(--ok)}.sysdev .cta{flex-direction:column;gap:12px;margin-top:32px;display:flex}@media (min-width:600px){.sysdev .cta{flex-direction:row;align-items:flex-start}}.sysdev .btn{text-align:center;background:var(--accent);color:#fff;border-radius:4px;padding:14px 28px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.sysdev .btn:hover{background:var(--accent-hover)}.sysdev .btn small{opacity:.9;font-size:12px;font-weight:400;display:block}.sysdev .btn2{text-align:center;border:1px solid var(--accent);color:var(--accent);background:#fff;border-radius:4px;padding:14px 28px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.sysdev .btn2:hover{background:var(--accent-wash)}.sysdev .stats{border-top:1px solid var(--line-strong);grid-template-columns:1fr;margin-top:48px;display:grid}@media (min-width:768px){.sysdev .stats{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.sysdev .stat{border-bottom:0;padding:24px 24px 24px 0}}.sysdev .stat b{font-family:var(--font-instrument),var(--font-zen-mincho),serif;color:var(--accent);font-size:40px;font-weight:400;line-height:1.1;display:block}.sysdev .stat span{margin-top:6px;font-size:14px;display:block}.sysdev .stat em{color:var(--ink-min);margin-top:2px;font-size:12px;font-style:normal;display:block}.sysdev .grid{grid-template-columns:1fr;gap:20px;margin-top:40px;display:grid}@media (min-width:768px){.sysdev .g2{grid-template-columns:repeat(2,1fr)}.sysdev .g3{grid-template-columns:repeat(3,1fr)}.sysdev .g4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sysdev .g4{grid-template-columns:repeat(4,1fr)}}.sysdev .card{border:1px solid var(--line);background:#fff;border-radius:4px;padding:24px}.sysdev .card p{color:var(--ink-sub);margin:12px 0 0}.sysdev .num{font-family:var(--font-instrument),serif;color:var(--accent);margin-bottom:8px;font-size:22px;display:block}.sysdev .menu{grid-template-columns:1fr;gap:20px;margin-top:40px;display:grid}@media (min-width:900px){.sysdev .menu{grid-template-columns:repeat(2,1fr)}}.sysdev .menu .card h3{font-size:20px;font-family:var(--font-zen-mincho),serif}.sysdev .menu dl{grid-template-columns:5.5em 1fr;gap:6px 12px;margin:16px 0 0;font-size:14px;display:grid}.sysdev .menu dt{color:var(--ink-min)}.sysdev .menu dd{color:var(--ink);margin:0}.sysdev .menu ul{color:var(--ink-sub);margin:12px 0 0;padding-left:1.2em;font-size:14px}.sysdev .menu .for{color:var(--ink);border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:14px}.sysdev .case{border:1px solid var(--line);background:#fff;border-radius:4px;margin-top:24px;padding:24px}@media (min-width:768px){.sysdev .case{padding:32px}}.sysdev .case .top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sysdev .case h3{font-family:var(--font-zen-mincho),serif;margin-top:12px;font-size:20px}@media (min-width:768px){.sysdev .case h3{font-size:22px}}.sysdev .case .what{color:var(--ink-sub);margin:4px 0 0;font-size:14px}.sysdev .cols{grid-template-columns:1fr;gap:16px;margin-top:20px;display:grid}@media (min-width:900px){.sysdev .cols{grid-template-columns:repeat(3,1fr)}}.sysdev .cols>div{background:var(--paper);border-radius:4px;padding:16px 18px}.sysdev .cols h4{color:var(--accent);margin:0;font-size:14px}.sysdev .cols ul{margin:8px 0 0;padding-left:1.1em;font-size:14px}.sysdev .cols li{margin:4px 0}.sysdev .figure{border:1px solid var(--line);background:#fff;border-radius:4px;margin-top:40px;padding:24px 16px}.sysdev .flow{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}@media (min-width:900px){.sysdev .flow{flex-direction:row}}.sysdev .flow li{border:1px solid var(--line-strong);background:var(--paper);border-radius:4px;flex:1;padding:16px;position:relative}.sysdev .flow li.loop{background:var(--accent-wash);border-color:var(--accent)}.sysdev .flow .arrow{color:var(--accent);background:0 0;border:0;flex:none;justify-content:center;align-items:center;height:28px;padding:0;display:flex}@media (min-width:900px){.sysdev .flow .arrow{width:24px;height:auto}}.sysdev .flow .arrow svg{transform:rotate(90deg)}@media (min-width:900px){.sysdev .flow .arrow svg{transform:none}}.sysdev .flow b{color:var(--accent);font-size:12px;font-family:var(--font-instrument),serif;font-size:16px;font-weight:400;display:block}.sysdev .flow strong{margin-top:2px;font-size:15px;display:block}.sysdev .flow span{color:var(--ink-sub);margin-top:6px;font-size:12px;line-height:1.6;display:block}.sysdev .loopnote{color:var(--ink-sub);align-items:flex-start;gap:10px;margin-top:16px;font-size:14px;display:flex}.sysdev .loopnote svg{flex:none;margin-top:3px}.sysdev .compare{border-collapse:collapse;background:#fff;width:100%;margin-top:40px;font-size:14px}.sysdev .compare th,.sysdev .compare td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}.sysdev .compare thead th{background:var(--paper-sub);font-weight:700}.sysdev .compare td:first-child{width:8em;font-weight:700}.sysdev .compare .us{background:var(--accent-wash)}.sysdev .tablewrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:640px){.sysdev .compare thead{display:none}.sysdev .compare,.sysdev .compare tbody,.sysdev .compare tr,.sysdev .compare td{width:100%;display:block}.sysdev .compare tr{border:1px solid var(--line);margin-bottom:12px}.sysdev .compare td{border:0;border-top:1px solid var(--line)}.sysdev .compare td:first-child{background:var(--paper-sub);border-top:0;width:100%}.sysdev .compare td[data-h]:before{content:attr(data-h);color:var(--ink-min);font-size:12px;display:block}}.sysdev details{border-top:1px solid var(--line);padding:16px 0}.sysdev details:last-child{border-bottom:1px solid var(--line)}.sysdev summary{cursor:pointer;justify-content:space-between;gap:16px;font-weight:700;list-style:none;display:flex}.sysdev summary::-webkit-details-marker{display:none}.sysdev summary:after{content:"+";color:var(--accent);font-size:20px;font-weight:400;line-height:1}.sysdev details[open] summary:after{content:"−"}.sysdev details p{color:var(--ink-sub);margin:12px 0 0}.sysdev .final{background:var(--ink);color:#fff}.sysdev .final h2{color:#fff}.sysdev .final p{color:#d5d4cf}.sysdev .final .btn{color:var(--accent);background:#fff}.sysdev .final .btn:hover{background:var(--accent-wash)}.sysdev .final .btn2{color:#fff;background:0 0;border-color:#fff}.sysdev .final .btn2:hover{background:#ffffff1a}.sysdev .note{color:var(--ink-min);margin-top:16px;font-size:12px}.sysdev .ib{display:inline-block}.sysdev .hero-grid{grid-template-columns:1fr;align-items:center;gap:32px;margin-top:40px;display:grid}@media (min-width:960px){.sysdev .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}}.sysdev .photo{border:1px solid var(--line);border-radius:4px;width:100%;height:auto;display:block}.sysdev .cap{color:var(--ink-min);margin-top:8px;font-size:12px}.sysdev .stats{grid-template-columns:repeat(2,1fr)}@media (min-width:900px){.sysdev .stats{grid-template-columns:repeat(4,1fr)}}.sysdev .stat{border-bottom:1px solid var(--line);padding:20px 12px 20px 0}.sysdev .stat b{white-space:nowrap;font-size:28px}@media (min-width:768px){.sysdev .stat b{font-size:40px}}.sysdev .merit{grid-template-columns:1fr;gap:12px;margin-top:40px;display:grid}@media (min-width:900px){.sysdev .merit{grid-template-rows:auto auto auto;grid-template-columns:1fr 1.1fr 1fr;gap:16px}}.sysdev .merit .core{background:var(--accent);color:#fff;text-align:center;border-radius:4px;flex-direction:column;justify-content:center;padding:28px 24px;display:flex}@media (min-width:900px){.sysdev .merit .core{grid-area:1/2/4}}.sysdev .merit .core b{font-family:var(--font-zen-mincho),serif;font-size:24px;line-height:1.4}.sysdev .merit .core span{opacity:.92;margin-top:12px;font-size:14px}.sysdev .merit .m{border:1px solid var(--line);background:#fff;border-radius:4px;padding:18px 20px;position:relative}.sysdev .merit .m h3{align-items:baseline;gap:10px;font-size:16px;display:flex}.sysdev .merit .m h3 i{font-style:normal;font-family:var(--font-instrument),serif;color:var(--accent);font-size:20px}.sysdev .merit .m p{color:var(--ink-sub);margin:6px 0 0;font-size:14px}@media (min-width:900px){.sysdev .merit .m.l{grid-column:1}.sysdev .merit .m.r{grid-column:3}.sysdev .merit .m.l:after,.sysdev .merit .m.r:before{content:"";border-top:1px solid var(--accent);width:16px;position:absolute;top:50%}.sysdev .merit .m.l:after{right:-17px}.sysdev .merit .m.r:before{left:-17px}}.sysdev .merit .m.wide{grid-column:1/-1}.sysdev .strength{grid-template-columns:1fr;gap:24px;margin-top:40px;display:grid}@media (min-width:900px){.sysdev .strength{grid-template-columns:repeat(3,1fr)}}.sysdev .strength .card b.big{font-family:var(--font-instrument),var(--font-zen-mincho),serif;color:var(--accent);margin-top:12px;font-size:36px;font-weight:400;line-height:1.1;display:block}.sysdev .strength .card b.big small{font-family:var(--font-zen-kaku),sans-serif;color:var(--ink-sub);margin-left:4px;font-size:13px}.sysdev .strength .facts{border-top:1px solid var(--line);margin:14px 0 0;padding:0;list-style:none}.sysdev .strength .facts li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;display:flex}.sysdev .strength .facts li span:last-child{white-space:nowrap;font-weight:700}.sysdev .split{grid-template-columns:1fr;align-items:center;gap:32px;margin-top:48px;display:grid}@media (min-width:900px){.sysdev .split{grid-template-columns:1fr 1fr;gap:48px}}.sysdev .vs{gap:20px;margin-top:40px;display:grid}.sysdev .vs .row{border:1px solid var(--line);background:#fff;border-radius:4px;padding:20px}.sysdev .vs .row.us{border-color:var(--accent)}.sysdev .vs .lab{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sysdev .vs .lab b{font-size:16px}.sysdev .vs .lab em{color:var(--ink-sub);font-size:13px;font-style:normal}.sysdev .bar{gap:4px;height:44px;margin-top:14px;display:flex}.sysdev .bar div{text-align:center;border-radius:2px;justify-content:center;align-items:center;padding:0 4px;font-size:12px;line-height:1.3;display:flex}.sysdev .bar .g{background:var(--paper-sub);color:var(--ink-sub);border:1px solid var(--line-strong)}.sysdev .bar .x{background:var(--ink);color:#fff}.sysdev .bar .p{background:var(--accent-wash);color:var(--accent);border:1px solid var(--accent)}.sysdev .bar .t{background:var(--accent);color:#fff}.sysdev .ticks{color:var(--ink-min);gap:4px;margin-top:6px;font-size:11px;display:flex}.sysdev .ticks span{text-align:center;flex:1}.sysdev .vs .pts{color:var(--ink-sub);grid-template-columns:1fr;gap:6px;margin-top:14px;font-size:14px;display:grid}@media (min-width:768px){.sysdev .vs .pts{grid-template-columns:repeat(3,1fr)}}.sysdev .vs .pts span:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.sysdev .vs .row.us .pts{color:var(--ink)}.sysdev .vs .row.us .pts span:before{background:var(--accent)}.sysdev .lanes{grid-template-columns:1fr;gap:16px;margin-top:40px;display:grid}@media (min-width:900px){.sysdev .lanes{grid-template-columns:repeat(3,1fr)}}.sysdev .lane{border:1px solid var(--line);background:#fff;border-radius:4px;padding:20px}.sysdev .lane.ai{border-top:4px solid var(--accent)}.sysdev .lane.hu{border-top:4px solid var(--ink)}.sysdev .lane.wa{border-top:4px solid var(--line-strong)}.sysdev .lane h3{font-size:17px}.sysdev .lane .who{color:var(--ink-min);margin-top:2px;font-size:12px}.sysdev .lane ul{margin:12px 0 0;padding:0;list-style:none}.sysdev .lane li{border-top:1px dashed var(--line-strong);padding:7px 0;font-size:14px}.sysdev .chain{border:1px solid var(--line);background:#fff;border-radius:4px;margin-top:24px;padding:20px}.sysdev .chain h4{color:var(--ink-sub);margin:0 0 12px;font-size:14px}.sysdev .chain ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}@media (min-width:900px){.sysdev .chain ol{flex-direction:row;align-items:stretch}}.sysdev .chain li{border-radius:4px;flex:1;padding:10px 12px;font-size:13px;line-height:1.5}.sysdev .chain li small{opacity:.85;margin-bottom:2px;font-size:11px;display:block}.sysdev .chain .ai{background:var(--accent-wash);color:var(--accent);border:1px solid var(--accent)}.sysdev .chain .hu{background:var(--ink);color:#fff}.sysdev .chain .wa{background:var(--paper-sub);color:var(--ink-sub);border:1px solid var(--line-strong)}.sysdev .chain .ar{color:var(--accent);background:0 0;border:0;flex:none;align-self:center;padding:0;line-height:1}.sysdev .chain .ar svg{transform:rotate(90deg)}@media (min-width:900px){.sysdev .chain .ar svg{transform:none}}.sysdev .case .key{background:var(--accent-wash);border-radius:4px;flex-wrap:wrap;gap:8px 24px;margin-top:16px;padding:14px 16px;display:flex}.sysdev .case .key div{color:var(--ink-sub);font-size:13px}.sysdev .case .key b{font-family:var(--font-instrument),var(--font-zen-mincho),serif;color:var(--accent);font-size:26px;font-weight:400;line-height:1.2;display:block}.sysdev .case .key b small{font-family:var(--font-zen-kaku),sans-serif;margin-left:2px;font-size:13px}.sysdev .cflow{grid-template-columns:1fr;gap:0;margin-top:20px;display:grid}@media (min-width:900px){.sysdev .cflow{grid-template-columns:1fr 28px 1.25fr 28px 1fr}}.sysdev .cflow>div.box{background:var(--paper);border-radius:4px;padding:16px 18px}.sysdev .cflow>div.box.made{border:1px solid var(--accent);background:#fff}.sysdev .cflow>div.box.after{background:var(--paper);border-left:3px solid var(--accent)}.sysdev .cflow h4{color:var(--accent);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.sysdev .cflow h4 svg{flex:none}.sysdev .cflow ul{margin:8px 0 0;padding-left:1.1em;font-size:14px}.sysdev .cflow li{margin:4px 0}.sysdev .cflow .ar{color:var(--accent);justify-content:center;align-items:center;height:28px;display:flex}.sysdev .cflow .ar svg{transform:rotate(90deg)}@media (min-width:900px){.sysdev .cflow .ar{height:auto}.sysdev .cflow .ar svg{transform:none}}.sysdev .phases{grid-template-columns:1fr;gap:12px;margin-top:40px;display:grid}@media (min-width:900px){.sysdev .phases{grid-template-columns:repeat(4,1fr);gap:16px}}.sysdev .phase{border:1px solid var(--line);background:#fff;border-radius:4px;padding:20px;position:relative}.sysdev .phase.loop{border-color:var(--accent);background:var(--accent-wash)}.sysdev .phase .pn{font-family:var(--font-instrument),serif;color:var(--accent);font-size:22px}.sysdev .phase h3{margin-top:2px;font-size:17px}.sysdev .phase .dur{color:var(--ink-min);margin-top:4px;font-size:12px}.sysdev .phase ul{color:var(--ink-sub);margin:10px 0 0;padding-left:1.1em;font-size:13px}.sysdev .phase .out{border-top:1px solid var(--line);color:var(--ink);margin-top:10px;padding-top:8px;font-size:12px}.sysdev .loopsvg{width:100%;height:auto;margin-top:8px;display:block}.sysdev .hand{grid-template-columns:1fr;gap:12px;margin-top:20px;display:grid}@media (min-width:600px){.sysdev .hand{grid-template-columns:repeat(2,1fr)}}.sysdev .hand div{border:1px solid var(--line);background:#fff;border-radius:4px;padding:14px 16px;font-size:14px}.sysdev .hand b{margin-bottom:2px;font-size:15px;display:block}.sysdev .src{color:var(--ink-min);margin-top:24px;font-size:12px;line-height:1.7}