.xp{--o:#f07a22;color:#eef0f0;background:#070808;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.xp header{border-bottom:1px solid #1d2021;justify-content:space-between;align-items:center;height:82px;padding:0 6vw;display:flex}.xp header a{color:#92989a;letter-spacing:1.6px;align-items:center;gap:12px;font-size:9px;text-decoration:none;display:flex}.xp header b{color:#eee;letter-spacing:-2px;font-size:27px}.xp header i{background:var(--o);width:2px;height:20px}.hero{min-height:720px;padding:90px 7vw;position:relative;overflow:hidden}.grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 70% 40%,#000,#0000 60%);mask-image:radial-gradient(circle at 70% 40%,#000,#0000 60%)}.kicker,.orange,.status{letter-spacing:1.6px;color:#7e8587;font-size:9px;position:relative}.orange{color:var(--o);margin-top:65px}.hero h1{letter-spacing:-.07em;margin:25px 0 45px;font-size:clamp(76px,10vw,155px);font-weight:500;line-height:.82;position:relative}.hero h1 em,.principle em,.scope em,.cta em{color:#666c6e;font-style:normal}.hero aside{border-left:1px solid var(--o);flex-direction:column;gap:8px;padding-left:22px;display:flex;position:absolute;top:230px;right:9vw}.hero aside small{color:#777;letter-spacing:2px;font-size:8px}.hero aside strong{font-size:20px;font-weight:500}.hero aside span{color:#888;letter-spacing:1.4px;font-size:9px}.lead{color:#aeb3b4;max-width:720px;font-size:16px;line-height:1.75;position:relative}.status{align-items:center;gap:10px;margin-top:42px;display:flex}.status i{background:var(--o);width:7px;height:7px;box-shadow:0 0 12px var(--o);border-radius:50%}.principle,.system,.scope{border-top:1px solid #1d2021;grid-template-columns:34% 66%;gap:45px;padding:115px 7vw;display:grid}.principle>span,.system span,.scope>span,.head{letter-spacing:1.7px;color:#747b7d;font-size:9px}.principle h2,.system h2,.scope h2,.cta h2{letter-spacing:-.055em;margin:0 0 35px;font-size:clamp(43px,5vw,80px);font-weight:500;line-height:.97}.principle p,.scope p{color:#9ca2a4;max-width:700px;font-size:15px;line-height:1.8}.areas{border-top:1px solid #1d2021;padding:0 7vw 115px}.head{justify-content:space-between;align-items:center;height:84px;display:flex}.cards{border-top:1px solid #222;border-left:1px solid #222;grid-template-columns:repeat(3,1fr);display:grid}.cards article{border-bottom:1px solid #222;border-right:1px solid #222;min-height:250px;padding:34px;position:relative}.cards article:hover{background:#0d0f10}.cards small{color:var(--o)}.cards h3{margin:42px 0 15px;font-size:23px;font-weight:500}.cards p{color:#8d9496;font-size:13px;line-height:1.7}.cards svg{color:#555;position:absolute;bottom:25px;right:25px}.flow{border-left:1px solid #242728}.flow>div{border-top:1px solid #242728;grid-template-columns:60px 1fr 30px;align-items:center;height:78px;padding:0 20px;display:grid}.flow b{color:var(--o);font-size:9px}.flow strong{letter-spacing:1.6px;font-size:11px}.flow i{background:#444;height:1px}.cta{text-align:center;border-top:1px solid #1d2021;padding:125px 7vw}.cta>span{letter-spacing:2px;color:var(--o);font-size:9px}.cta h2{margin:35px 0 50px}.cta a{color:#eee;letter-spacing:1.7px;border-bottom:1px solid #777;gap:30px;padding-bottom:12px;font-size:10px;text-decoration:none;display:inline-flex}.xp footer{border-top:1px solid #1d2021;align-items:center;gap:25px;height:100px;padding:0 7vw;display:flex}.xp footer span{letter-spacing:1.5px;color:#666;font-size:8px}@media (max-width:850px){.hero aside{margin:35px 0;position:relative;top:auto;right:auto}.principle,.system,.scope,.cards{grid-template-columns:1fr}.head span:last-child{display:none}.hero h1{font-size:18vw}}
