.cod-page{--cod-accent:#f04435;--cod-accent-soft:#f0443529;--cod-signal:#63c6d1;background:radial-gradient(circle at 86% 8%, var(--cod-accent-soft), transparent 27%), radial-gradient(circle at 7% 38%, #50889414, transparent 23%), linear-gradient(179.58deg, #121416 0.16%, #030405 55.5%) top center / 100% 3000px no-repeat, var(--mc-bg)}.cod-page--mw4{--cod-accent:#db9f53;--cod-accent-soft:#db9f5329;--cod-signal:#8fb5c1}.cod-hero__visual{isolation:isolate;min-height:570px;box-shadow:none;background:#070809;border:1px solid #ffffff1a;border-radius:16px;position:relative;overflow:hidden}.cod-hero__picture,.cod-hero__picture img{width:100%;height:100%;display:block}.cod-hero__picture{position:absolute;inset:0}.cod-hero__picture img{object-fit:cover;object-position:66% center}.cod-hero__shade{pointer-events:none;background:linear-gradient(#00000014,#0000 48%),linear-gradient(#0000 52%,#020304eb);position:absolute;inset:0}.cod-hero__status,.cod-hero__metric{z-index:2;box-shadow:none;backdrop-filter:blur(10px);background:#050607db;border:1px solid #ffffff24;border-radius:7px;gap:4px;padding:12px 16px;display:grid;position:absolute}.cod-hero__status{border-color:#ffffff1a;top:22px;left:22px}.cod-hero__status span,.cod-hero__metric span,.cod-preset__topline span{color:#ffffff94;letter-spacing:0;text-transform:none;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.cod-hero__status strong,.cod-hero__metric strong{color:#fff;font-size:14px}.cod-hero__status strong,.cod-hero__metric--two strong{color:var(--cod-accent)}.cod-hero__metric{bottom:24px}.cod-hero__metric--one{left:22px}.cod-hero__metric--two{border-color:#ffffff1a;right:22px}.cod-control__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:52px;display:grid}.cod-preset{background:linear-gradient(#ffffff0a 1px, transparent 1px), linear-gradient(90deg, #ffffff0a 1px, transparent 1px), radial-gradient(circle at 88% 8%, var(--cod-accent-soft), transparent 32%), linear-gradient(145deg, #111518, #050607 76%);box-shadow:none;background-size:28px 28px,28px 28px,auto,auto;border:1px solid #ffffff1a;border-radius:12px;padding:32px;position:relative;overflow:hidden}.cod-preset__topline{justify-content:space-between;align-items:center;display:flex}.cod-preset__topline i{background:var(--cod-signal);width:9px;height:9px;box-shadow:none;border-radius:50%}.cod-preset h3{color:#fff;max-width:440px;margin:24px 0 0;font-size:30px;line-height:1.1}.cod-preset ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:32px 0;padding:0;list-style:none;display:grid}.cod-preset li{color:#ffffffc7;background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:12px;min-height:66px;padding:16px;font-size:14px;display:flex}.cod-preset li span{background:color-mix(in srgb, var(--cod-signal) 16%, transparent);width:22px;height:22px;color:var(--cod-signal);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.cod-preset__button{color:#120f0d;text-align:center;background:linear-gradient(90deg,#ffbd4d,#f99926);border-radius:6px;padding:16px;font-size:13px;font-weight:600}.cod-control__items{gap:16px;margin-top:28px;display:grid}.cod-control__items article{border-top:1px solid var(--mc-line);border-left:2px solid color-mix(in srgb, var(--cod-signal) 70%, transparent);padding:20px 0 0 20px}.cod-control__items h3{color:var(--mc-text);margin:0;font-size:18px}.cod-control__items p{color:var(--mc-muted);margin:8px 0 0;font-size:15px;line-height:1.6}.cod-page .mc-proof__bar--before i{height:180px}.cod-page .mc-proof__bar--after i{border-color:color-mix(in srgb, var(--cod-accent) 58%, transparent);height:265px;box-shadow:none;background:linear-gradient(#f99926b8,#f999261f)}.cod-page--mw4 .mc-proof__bar--before i{height:155.166px}@media (width<=1023px){.cod-hero__visual{width:min(100%,720px);min-height:540px;margin-inline:auto}.cod-control__grid{grid-template-columns:1fr}.cod-preset{width:min(100%,720px);margin-inline:auto}}@media (width<=767px){.cod-hero__visual{min-height:430px}.cod-hero__picture img{object-position:70% center}.cod-hero__status{top:16px;left:16px}.cod-hero__metric{padding:12px;bottom:16px}.cod-hero__metric--one{left:16px}.cod-hero__metric--two{right:16px}.cod-hero__metric strong{font-size:12px}.cod-control__grid{gap:32px}.cod-preset{padding:24px}.cod-preset h3{font-size:26px}.cod-preset ul{grid-template-columns:1fr}}
