#services .sectionhead h2 span{color:#ff9867}#services .sectionhead:after{display:none}
#services .config{grid-template-columns:1.12fr 1fr;gap:18px;background:transparent;border:0;border-radius:0;overflow:visible;align-items:stretch}
#services .configleft{padding:28px;background:linear-gradient(140deg,#151b24,#0c1119);border:1px solid #ffffff19;border-radius:16px}
#services .stepcaption{font-size:10px;color:#a6b0c0;letter-spacing:2px;display:flex;align-items:center;gap:12px;margin-bottom:17px}
#services .stepcaption:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#ffffff20,transparent)}
#services .gametabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:32px}
#services .gametabs button{position:relative;isolation:isolate;min-width:0;height:88px;border:1px solid #ffffff20;border-radius:9px;padding:12px 10px;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;background:#080c12;color:#fff;transition:transform .4s,border-color .4s,box-shadow .4s}
#services .gametabs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2;opacity:.5;transition:transform .9s,opacity .5s}
#services .gametabs button:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080c12ed,transparent)}
#services .gametabs button span{font-size:12px;font-weight:600}#services .gametabs i{font-style:normal;color:#ffb489;font-size:15px;opacity:0;transition:opacity .3s}
#services .gametabs button[aria-pressed=true]{border-color:#ff945e;box-shadow:0 0 18px #ff81461c;color:#fff}#services .gametabs button[aria-pressed=true] img{opacity:1;transform:scale(1.08)}#services .gametabs button[aria-pressed=true] i{opacity:1}
#services .servicelist{gap:11px}
#services .service{position:relative;isolation:isolate;overflow:hidden;min-height:132px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:10px;border:1px solid #ffffff17;background:#ffffff03;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .4s,background .4s,box-shadow .4s;color:#f4f5f7}
#services .service-icon{width:26px;height:26px;fill:none;stroke:#a7b1c1;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s,transform .5s}
#services .service-label{font-size:16px;font-weight:500}#services .service small{font-size:11px;font-weight:400;color:#9faabd;margin-top:5px}
#services .service-arrow{position:absolute;right:16px;top:18px;font-size:18px!important;color:#798698!important;transition:transform .4s,color .4s}
#services .service:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at top right,#ff814622,transparent 70%);opacity:0;transition:opacity .5s}
#services .service:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#ff8146,#ffc69f,#ff8146);background-size:200% 100%;transform:scaleX(0);transform-origin:left;transition:transform .5s;animation:service-line 4s linear infinite}
#services .service[aria-pressed=true]{border-color:#ff945e99;background:#ff81460a;box-shadow:inset 0 0 24px #ff814608}
#services .service[aria-pressed=true]:before{opacity:1}#services .service[aria-pressed=true]:after{transform:scaleX(1)}#services .service[aria-pressed=true] .service-icon{stroke:#ffab7c;transform:translateY(-2px)}#services .service[aria-pressed=true] .service-arrow{color:#ffab7c!important;transform:rotate(45deg)}
#services .selection{padding:28px;border:1px solid #ff945e33;border-radius:16px;background:#0b111a;min-width:0;box-shadow:0 20px 60px #0002}
#services .selection-art{inset:0;width:100%;height:300px;opacity:.8;object-position:65% 30%;mask-image:linear-gradient(#000 0%,#0009 45%,transparent 100%)}
#services .selection:after{background:linear-gradient(0deg,#0b111a 0%,#0b111a99 55%,#0b111a15 100%)}
#services .selectiontop{position:relative;color:#e6e9ee;letter-spacing:2px}#services .selectiontop>span:first-child{padding:8px 10px;border:1px solid #ffffff25;border-radius:5px;background:#080c1240;backdrop-filter:blur(8px)}
#services .statusdot{color:#ffa26f;box-shadow:0 0 18px #ff814650;align-self:center;border-radius:50%;animation:plan-beacon 3s ease-in-out infinite}
#services .selection h3{font-size:clamp(26px,2.5vw,36px);line-height:1.12;font-weight:600;letter-spacing:-1px;margin:125px 0 12px;max-width:430px}
#services .selection p{font-size:14px;line-height:1.75;margin:0 0 12px;color:#b7c1d0}
#services .selection ul{margin:0 0 22px;color:#d3d9e2}#services .selection li{padding:8px 0;font-size:12px;border-bottom:1px solid #ffffff08}#services .selection li:before{color:#ffa26f}
#services .selectionfooter{gap:10px}#services .selectionfooter small{font-size:10px;line-height:1.6;color:#95a3b6;margin:0 0 7px}
#services .selectionfooter .btn{min-height:52px;border-radius:8px;position:relative;overflow:hidden}
#services #checkout:after{content:'';position:absolute;inset:-50% -150%;background:linear-gradient(110deg,transparent 40%,#ffffff65 50%,transparent 60%);transform:translateX(-30%);animation:plan-shine 7s ease-in-out infinite;pointer-events:none}
#services #saveplan{border-color:#ffffff28;background:#ffffff03}#services #saveplan span{font-size:20px;transition:rotate .4s}#services #saveplan:hover span{rotate:90deg}
#services .selection.plan-changing h3,#services .selection.plan-changing>p,#services .selection.plan-changing ul{animation:plan-arrive .5s cubic-bezier(.2,.8,.2,1) both}#services .selection.plan-changing>p{animation-delay:.05s}#services .selection.plan-changing ul{animation-delay:.1s}
@keyframes plan-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes service-line{to{background-position:200% 0}}@keyframes plan-beacon{50%{opacity:.45;box-shadow:0 0 6px #ff814620}}@keyframes plan-shine{0%,65%{transform:translateX(-30%)}95%,100%{transform:translateX(30%)}}
@media(hover:hover){#services .service:hover{transform:translateY(-4px);border-color:#ff945e66;background:#ffffff06;box-shadow:0 10px 22px #0003}#services .service:hover .service-icon{stroke:#ffb489;transform:translateY(-2px) rotate(-8deg)}#services .gametabs button:hover{transform:translateY(-3px);border-color:#ff945e80}#services .gametabs button:hover img{transform:scale(1.14);opacity:.9}}
@media(max-width:1000px){#services .config{grid-template-columns:1fr}#services .selection{min-height:650px}#services .selection h3{max-width:550px}#services .selection-art{height:330px}#services .service{min-height:120px}}
@media(max-width:700px){#services .configleft,#services .selection{padding:20px;border-radius:12px}#services .gametabs{gap:6px;margin-bottom:26px}#services .gametabs button{height:80px;padding:9px 7px}#services .gametabs button span{font-size:10px}#services .gametabs i{display:none}#services .servicelist{gap:9px;grid-template-columns:1fr 1fr}#services .service{padding:15px;min-height:128px}#services .service-label{font-size:14px}#services .service small{font-size:10px;line-height:1.4}#services .service-arrow{right:12px;top:15px}#services .selection{min-height:680px}#services .selection h3{font-size:30px;margin-top:140px}#services .stepcaption{font-size:9px}#services .selectionfooter .btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){#services *,#services *:before,#services *:after{animation:none!important;transition:none!important;transform:none!important}}