/* /install guides (Nov 12 2026). Rides on pp-tuning.css: same sections (dark / light / white), same type, same 10px cards.
   One file for every install guide, the /install hub and the /learn articles. Small text on light surfaces uses #E00009. */
.gd{--gd-red:#FF020A;--gd-red-sm:#E00009;--gd-ok:#1E7D3A;--gd-ok-d:#3FBF6A}

/* hero additions */
.gd-hero .lede{max-width:60ch}
.gd-hero-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}
.gd-hero-fig{position:absolute;right:max(var(--gut),calc((100vw - 1360px)/2 + var(--gut)));top:clamp(150px,16vw,190px);width:clamp(240px,27vw,380px);margin:0;z-index:0}
.gd-hero-fig img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid #2A2823;box-shadow:0 30px 60px rgba(0,0,0,.5)}
@media(prefers-reduced-motion:no-preference){.gd-hero-fig{animation:mo-rise 1.2s var(--mo-spring,ease) .4s both}}
.gd-hero-fig figcaption{margin-top:10px;font-family:var(--body);font-size:13px;color:#7E858E}
.gd-hero .wrap{min-height:0}
@media(min-width:1101px){.gd-hero.has-fig .lede,.gd-hero.has-fig .tn-jump,.gd-hero.has-fig .tn-stats,.gd-hero.has-fig .gd-hero-row{max-width:calc(100% - clamp(280px,30vw,430px))}}
@media(max-width:1100px){.gd-hero-fig{display:none}}
@media(min-width:1101px){.gd-hero.has-fig h1{font-size:clamp(48px,6.4vw,92px);max-width:calc(100% - clamp(240px,27vw,380px) - 48px)}.gd-hero.has-fig .lede{max-width:min(60ch,calc(100% - clamp(240px,27vw,380px) - 48px))}}
.gd-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;border:1px solid #3A3832;background:#141310;color:#F4F6F8;font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.gd-btn:hover{border-color:var(--gd-red)}
.gd-btn:active{transform:scale(.97)}
.gd-btn svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gd-btn.red{background:var(--gd-red);border-color:var(--gd-red);color:#fff;box-shadow:0 6px 18px rgba(255,2,10,.28)}
.gd-btn.red:hover{background:#E00009}
.light .gd-btn,.white .gd-btn{background:#fff;border-color:#CDD2D8;color:#0E0D0B}
.light .gd-btn:hover,.white .gd-btn:hover{border-color:#0E0D0B}
.light .gd-btn.red,.white .gd-btn.red{background:var(--gd-red);border-color:var(--gd-red);color:#fff}
.gd-prog{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#C7CBD1}
.gd-prog .bar{width:120px;height:6px;border-radius:99px;background:#2A2823;overflow:hidden}
.gd-prog .bar i{display:block;height:100%;width:0;background:var(--gd-red);border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.gd-note-src{margin:18px 0 0;font-family:var(--body);font-size:14px;line-height:1.5;color:#7E858E;max-width:70ch}
.light .gd-note-src,.white .gd-note-src{color:#5F6369}

/* video: one player, chapters beside it */
.gd-video{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:18px;margin-top:34px;align-items:start}
.gd-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;border:1px solid #2A2823}
.white .gd-player,.light .gd-player{border-color:#DDE1E6}
.gd-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gd-player .gd-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000 center/cover no-repeat;cursor:pointer;border:0;padding:0;width:100%}
.gd-player .gd-poster span{width:76px;height:76px;border-radius:50%;background:var(--gd-red);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(255,2,10,.45);transition:transform .25s cubic-bezier(.3,1.4,.4,1)}
.gd-player .gd-poster:hover span{transform:scale(1.08)}
.gd-player .gd-poster svg{width:28px;height:28px;fill:#fff;margin-left:4px}
.gd-chaps{background:#fff;border:1px solid #DDE1E6;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;max-height:min(560px,70vh)}
.dark .gd-chaps{background:#171613;border-color:#2A2823}
.gd-chaps-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #DDE1E6}
.dark .gd-chaps-head{border-color:#2A2823}
.gd-chaps-head b{font-family:var(--disp);font-size:18px;text-transform:uppercase;letter-spacing:.02em}
.gd-chaps ol{list-style:none;margin:0;padding:6px;overflow:auto;flex:1}
.gd-chaps li button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:baseline;width:100%;padding:10px 10px;border-radius:8px;font-family:var(--body);font-size:16px;line-height:1.35;color:inherit}
.gd-chaps li button:hover,.gd-chaps li button:focus-visible{background:rgba(255,2,10,.07)}
.gd-chaps li button.on{background:rgba(255,2,10,.1)}
.gd-chaps li button.on .t{color:var(--gd-red-sm)}
.gd-chaps .t{font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.04em;color:#5F6369;font-variant-numeric:tabular-nums}
.dark .gd-chaps .t{color:#7E858E}
.gd-chaps li button:focus-visible{outline:2px solid var(--gd-red);outline-offset:-2px}
@media(max-width:960px){.gd-video{grid-template-columns:minmax(0,1fr)}.gd-chaps{max-height:none}}

/* segmented switch with a sliding highlight (video parts, stock vs Packard cams) */
.gd-seg{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:999px;border:1px solid #DDE1E6;background:#fff;isolation:isolate}
.dark .gd-seg{background:#141310;border-color:#3A3832}
.gd-seg button{appearance:none;border:0;background:none;position:relative;z-index:1;padding:9px 16px;border-radius:999px;font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#3A3D42;cursor:pointer;white-space:nowrap;transition:color .3s}
.dark .gd-seg button{color:#C7CBD1}
.gd-seg button[aria-pressed="true"],.gd-seg button[aria-selected="true"]{color:#fff}
.gd-seg .gd-seg-hl{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;border-radius:999px;background:#0E0D0B;transition:transform .45s cubic-bezier(.3,1.25,.4,1),width .45s cubic-bezier(.3,1.25,.4,1)}
.dark .gd-seg .gd-seg-hl{background:var(--gd-red)}
.gd-seg.red .gd-seg-hl{background:var(--gd-red)}
@media(max-width:560px){.gd-seg{display:grid;width:100%}.gd-seg button{padding:10px 8px;font-size:14px}}

/* before you start */
.gd-prep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.gd-pcard{background:#fff;border:1px solid #DDE1E6;border-radius:10px;padding:22px 22px 20px}
.dark .gd-pcard{background:#171613;border-color:#2A2823}
.gd-pcard h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:22px}
.gd-pcard h3 img,.gd-pcard h3 svg{width:28px;height:28px;flex:none}
.gd-pcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.gd-pcard li{position:relative;padding-left:18px;font-family:var(--body);font-size:16px;line-height:1.42;color:#3A3D42}
.dark .gd-pcard li{color:#C7CBD1}
.gd-pcard li:before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:1px;background:var(--gd-red)}
.gd-pcard li b{color:#0E0D0B;font-weight:600}
.dark .gd-pcard li b{color:#fff}
.gd-pcard p{margin:12px 0 0;font-size:15px;line-height:1.5;color:#5F6369}
.gd-pcard.warn{border-top:3px solid var(--gd-red)}
@media(max-width:960px){.gd-prep{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gd-prep{grid-template-columns:1fr}}

/* steps */
.gd-steps-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px}
.gd-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.gd-jumps a{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid #DDE1E6;background:#fff;font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#0E0D0B;text-decoration:none}
.gd-jumps a:hover{border-color:#0E0D0B}
.gd-jumps a i{font-style:normal;color:var(--gd-red-sm)}
.gd-phase{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:baseline;margin:64px 0 22px;padding-top:26px;border-top:2px solid #0E0D0B}
.gd-phase:first-of-type{margin-top:40px}
.dark .gd-phase{border-color:#F4F6F8}
.gd-phase .n{font-family:var(--disp);font-weight:800;font-size:clamp(40px,5vw,64px);line-height:.8;color:var(--gd-red)}
.gd-phase h3{margin:0;font-size:clamp(26px,3vw,38px)}
.gd-phase p{grid-column:2;margin:0;font-family:var(--body);font-size:17px;line-height:1.5;color:#3A3D42;max-width:62ch}
.dark .gd-phase p{color:#C7CBD1}
.gd-step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;background:#fff;border:1px solid #DDE1E6;border-radius:12px;overflow:hidden;margin-top:16px;transition:border-color .3s,box-shadow .3s}
.gd-step.no-media{grid-template-columns:minmax(0,1fr)}
.gd-step:target{border-color:var(--gd-red);box-shadow:0 0 0 3px rgba(255,2,10,.15)}
.gd-step.done{border-color:rgba(30,125,58,.55)}
.gd-media{position:relative;background:#0E0D0B;display:flex;flex-direction:column}
.gd-media .gd-main{position:relative;display:block;flex:1;min-height:260px;cursor:zoom-in;border:0;padding:0;background:#0E0D0B;width:100%}
.gd-media .gd-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .35s}
.gd-media .gd-main:hover img{transform:scale(1.03)}
.gd-media.contain .gd-main img{object-fit:contain;background:#fff}
.gd-media .gd-count{position:absolute;right:10px;bottom:10px;z-index:1;padding:5px 9px;border-radius:999px;background:rgba(14,13,11,.78);color:#fff;font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.06em;backdrop-filter:blur(8px)}
.gd-thumbs{display:flex;gap:6px;padding:6px;background:#0E0D0B;overflow-x:auto;scrollbar-width:none}
.gd-thumbs::-webkit-scrollbar{display:none}
.gd-thumbs button{flex:0 0 58px;height:44px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;background:#222;opacity:.6;transition:opacity .2s,border-color .2s}
.gd-thumbs button.on{border-color:var(--gd-red);opacity:1}
.gd-thumbs button:hover{opacity:1}
.gd-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.gd-body{padding:24px 26px 22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.gd-body .k{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gd-red-sm)}
.gd-body .k .ok{display:none;color:var(--gd-ok);letter-spacing:.12em}
.gd-step.done .gd-body .k .ok{display:inline}
.gd-body h4{margin:0;font-family:var(--disp);font-weight:800;font-size:clamp(22px,2.2vw,28px);line-height:1.04;text-transform:uppercase;letter-spacing:-.01em;color:#0E0D0B}
.gd-body p{margin:0;font-family:var(--body);font-size:17px;line-height:1.58;color:#3A3D42}
.gd-body ol,.gd-body ul{margin:0;padding:0 0 0 22px;font-family:var(--body);font-size:17px;line-height:1.55;color:#3A3D42}
.gd-body li{margin:4px 0;padding-left:2px}
.gd-body li::marker{color:var(--gd-red-sm);font-weight:700}
.gd-body b{color:#0E0D0B;font-weight:600}
.gd-body a{color:#0E0D0B;text-decoration-color:var(--gd-red);text-underline-offset:3px}
.gd-specs{display:flex;flex-wrap:wrap;gap:8px}
.gd-addr{margin:12px 0 0;padding:14px 16px;border-left:3px solid #FF020A;background:#F4F6F8;border-radius:0 8px 8px 0;font-size:1.05em;line-height:1.45}
.gd-spec{display:inline-flex;align-items:baseline;gap:8px;padding:7px 11px;border:1px solid #DDE1E6;border-radius:8px;background:#F4F6F8}
.gd-spec span{font-family:var(--body);font-size:13.5px;color:#5F6369}
.gd-spec b{font-family:var(--disp);font-weight:800;font-size:17px;letter-spacing:.01em;color:#0E0D0B;text-transform:uppercase}
.gd-tip,.gd-warn{position:relative;padding:12px 14px 12px 44px;border-radius:10px;font-family:var(--body);font-size:16px;line-height:1.5}
.gd-tip{background:#F4F6F8;border:1px solid #DDE1E6;color:#3A3D42}
.gd-warn{background:#FFF4F4;border:1px solid #F5C2C4;color:#5A1013}
.gd-tip:before,.gd-warn:before{content:"";position:absolute;left:14px;top:14px;width:20px;height:20px;background:center/contain no-repeat}
.gd-tip:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E00009' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.8.6 1.1 1.4 1.1 2.2h5c0-.8.3-1.6 1.1-2.2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.gd-warn:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E00009' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20L12 3zM12 10v4M12 17h.01'/%3E%3C/svg%3E")}
.gd-tip b,.gd-warn b{font-weight:700;color:inherit}
.gd-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid #EEF0F2}
.gd-watch,.gd-done{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-family:var(--disp);font-weight:700;font-size:14.5px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.gd-watch{border:1px solid #DDE1E6;background:#fff;color:#0E0D0B}
.gd-watch:hover{border-color:#0E0D0B}
.gd-watch svg{width:14px;height:14px;fill:var(--gd-red)}
.gd-watch em{font-style:normal;color:#5F6369;font-variant-numeric:tabular-nums}
.gd-done{margin-left:auto;border:1px solid #DDE1E6;background:#fff;color:#3A3D42}
.gd-done i{width:20px;height:20px;border-radius:50%;border:2px solid #B8BDC4;display:inline-flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.3,1.4,.4,1)}
.gd-done i svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3;opacity:0;transform:scale(.4);transition:all .25s cubic-bezier(.3,1.4,.4,1)}
.gd-done[aria-pressed="true"]{border-color:rgba(30,125,58,.5);color:var(--gd-ok);background:#F1FAF3}
.gd-done[aria-pressed="true"] i{background:var(--gd-ok);border-color:var(--gd-ok)}
.gd-done[aria-pressed="true"] i svg{opacity:1;transform:scale(1)}
@media(max-width:860px){.gd-step{grid-template-columns:minmax(0,1fr)}.gd-media .gd-main{min-height:0;aspect-ratio:4/3}.gd-media.sq .gd-main{aspect-ratio:1/1}.gd-body{padding:20px 18px 18px}}
.dark .gd-step{background:#171613;border-color:#2A2823}
.dark .gd-body h4,.dark .gd-body b,.dark .gd-body a{color:#F4F6F8}
.dark .gd-body p,.dark .gd-body ol,.dark .gd-body ul{color:#C7CBD1}


/* floating progress (shows while the steps are on screen) */
.gd-float{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border-radius:999px;background:rgba(14,13,11,.92);color:#fff;border:1px solid rgba(246,244,239,.16);box-shadow:0 10px 26px rgba(0,0,0,.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.4,1)}
.gd-float.show{opacity:1;transform:none;pointer-events:auto}
.gd-float svg{width:30px;height:30px;transform:rotate(-90deg)}
.gd-float circle{fill:none;stroke-width:4}
.gd-float .tr{stroke:#2A2823}
.gd-float .pr{stroke:var(--gd-red);stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1)}
@media print{.gd-float{display:none!important}}

/* diagrams (vacuum lines, clutch) */
.gd-diag{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(20px,4vw,48px);margin-top:36px;align-items:start}
.gd-fig{position:relative;margin:0;border-radius:12px;overflow:hidden;border:1px solid #2A2823;background:#E9ECEF}
.light .gd-fig,.white .gd-fig{border-color:#DDE1E6}
.gd-fig img{display:block;width:100%;height:auto;transition:filter .4s}
.gd-fig.focus img{filter:brightness(.62) saturate(.7)}
.gd-pin{position:absolute;transform:translate(-50%,-50%);padding:4px 8px;border-radius:999px;background:#fff;color:#0E0D0B;border:2px solid var(--gd-red);font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.04em;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.3,1.5,.4,1),background .25s,color .25s,opacity .25s}
.gd-pin:hover{transform:translate(-50%,-50%) scale(1.12)}
.gd-fig.focus .gd-pin{opacity:.35}
.gd-fig.focus .gd-pin.hit{opacity:1;background:var(--gd-red);color:#fff;transform:translate(-50%,-50%) scale(1.18);animation:gdPulse 1.6s ease-out infinite}
@keyframes gdPulse{0%{box-shadow:0 0 0 0 rgba(255,2,10,.55)}70%{box-shadow:0 0 0 14px rgba(255,2,10,0)}100%{box-shadow:0 0 0 0 rgba(255,2,10,0)}}
@media(prefers-reduced-motion:reduce){.gd-fig.focus .gd-pin.hit{animation:none}}
.gd-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:gl}
.gd-links button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:34px 1fr;gap:4px 14px;align-items:center;width:100%;padding:14px 16px;border-radius:10px;border:1px solid #2A2823;background:#171613;color:#F4F6F8;transition:border-color .2s,background .2s}
.light .gd-links button,.white .gd-links button{background:#fff;border-color:#DDE1E6;color:#0E0D0B}
.gd-links button:hover,.gd-links button:focus-visible{border-color:var(--gd-red)}
.gd-links button[aria-pressed="true"]{border-color:var(--gd-red);background:rgba(255,2,10,.1)}
.gd-links .n{grid-row:span 2;width:34px;height:34px;border-radius:50%;border:2px solid var(--gd-red);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:16px;color:var(--gd-red)}
.gd-links button[aria-pressed="true"] .n{background:var(--gd-red);color:#fff}
.gd-links .a{font-family:var(--disp);font-weight:800;font-size:19px;letter-spacing:.02em;text-transform:uppercase}
.gd-links .a i{font-style:normal;color:var(--gd-red);margin:0 6px}
.gd-links .d{font-family:var(--body);font-size:15px;line-height:1.45;color:#C7CBD1}
.light .gd-links .d,.white .gd-links .d{color:#3A3D42}
.gd-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:18px}
.gd-legend div{padding:10px 12px;border:1px solid #2A2823;border-radius:8px;font-family:var(--body);font-size:14px;color:#C7CBD1}
.gd-legend b{display:block;font-family:var(--disp);font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.light .gd-legend div,.white .gd-legend div{border-color:#DDE1E6;color:#3A3D42}
.light .gd-legend b,.white .gd-legend b{color:#0E0D0B}
@media(max-width:900px){.gd-diag{grid-template-columns:minmax(0,1fr)}.gd-pin{font-size:11px;padding:3px 6px}}

/* compare cards (boost sensor vs MAP sensor, stock vs cams) */
.gd-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.gd-pair>div{background:#fff;border:1px solid #DDE1E6;border-radius:10px;overflow:hidden}
.dark .gd-pair>div{background:#171613;border-color:#2A2823}
.gd-pair img{display:block;width:100%;height:220px;object-fit:contain;background:#fff;border-bottom:1px solid #DDE1E6}
.gd-pair .tx{padding:18px 20px 20px}
.gd-pair .tx em{font-style:normal;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd-red-sm)}
.dark .gd-pair .tx em{color:var(--gd-red)}
.gd-pair h3{margin:6px 0 8px;font-size:24px}
.gd-pair p{margin:0;font-size:16px;line-height:1.5;color:#3A3D42}
.dark .gd-pair p{color:#C7CBD1}
@media(max-width:700px){.gd-pair{grid-template-columns:1fr}}

/* key numbers */
.gd-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:34px;border:1px solid #2A2823;border-radius:12px;overflow:hidden}
.gd-keys>div{padding:24px 22px;border-left:1px solid #2A2823}
.gd-keys>div:first-child{border-left:0}
.gd-keys b{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(34px,3.8vw,50px);line-height:1;letter-spacing:-.02em}
.gd-keys b small{font-size:.42em;letter-spacing:.04em;margin-left:4px;color:#C7CBD1}
.gd-keys span{display:block;margin-top:10px;font-family:var(--body);font-size:15px;line-height:1.4;color:#C7CBD1}
.light .gd-keys,.white .gd-keys{border-color:#DDE1E6;background:#fff}
.light .gd-keys>div,.white .gd-keys>div{border-color:#DDE1E6}
.light .gd-keys span,.white .gd-keys span,.light .gd-keys b small,.white .gd-keys b small{color:#5F6369}
@media(max-width:900px){.gd-keys{grid-template-columns:1fr 1fr}.gd-keys>div:nth-child(3){border-left:0}.gd-keys>div:nth-child(n+3){border-top:1px solid #2A2823}.light .gd-keys>div:nth-child(n+3),.white .gd-keys>div:nth-child(n+3){border-top-color:#DDE1E6}}
@media(max-width:460px){.gd-keys{grid-template-columns:1fr}.gd-keys>div{border-left:0!important}.gd-keys>div+div{border-top:1px solid #2A2823}.light .gd-keys>div+div,.white .gd-keys>div+div{border-top-color:#DDE1E6}}

/* troubleshooting */
.gd-fix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.gd-fixc{background:#fff;border:1px solid #DDE1E6;border-radius:10px;padding:22px}
.dark .gd-fixc{background:#171613;border-color:#2A2823}
.gd-fixc em{font-style:normal;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd-red-sm)}
.dark .gd-fixc em{color:var(--gd-red)}
.gd-fixc h3{margin:8px 0 10px;font-size:24px}
.gd-fixc p,.gd-fixc li{font-size:16px;line-height:1.55;color:#3A3D42}
.dark .gd-fixc p,.dark .gd-fixc li{color:#C7CBD1}
.gd-fixc p{margin:0 0 10px}
.gd-fixc ol,.gd-fixc ul{margin:0;padding-left:20px}
.gd-fixc li::marker{color:var(--gd-red-sm);font-weight:700}
@media(max-width:800px){.gd-fix{grid-template-columns:1fr}}

/* flash-the-tune / flow steps */
.gd-flow{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:gf}
.gd-flow li{counter-increment:gf;position:relative;padding:20px 18px 18px;background:#fff;border:1px solid #DDE1E6;border-radius:10px}
.dark .gd-flow li{background:#171613;border-color:#2A2823}
.gd-flow li:before{content:counter(gf,decimal-leading-zero);display:block;font-family:var(--disp);font-weight:800;font-size:30px;line-height:1;color:var(--gd-red);margin-bottom:10px}
.gd-flow li>b{display:block;font-family:var(--disp);font-size:20px;line-height:1.1;text-transform:uppercase}
.gd-flow p{margin:8px 0 0;font-size:15.5px;line-height:1.5;color:#3A3D42}
.dark .gd-flow p{color:#C7CBD1}
.gd-flow code,.gd-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;padding:1px 6px;border-radius:5px;background:#EEF0F2;color:#0E0D0B}
.dark .gd-flow code,.dark .gd-code{background:#2A2823;color:#fff}
@media(max-width:1000px){.gd-flow{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gd-flow{grid-template-columns:1fr}}

/* variant panels driven by a .gd-seg (data-variant) */
[data-variant][hidden]{display:none!important}

/* email mock (PV_INFO subject line) */
.gd-mail{margin-top:22px;max-width:640px;border:1px solid #DDE1E6;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(14,13,11,.08)}
.dark .gd-mail{border-color:#2A2823}
.gd-mail .bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#0E0D0B}
.gd-mail .bar i{width:10px;height:10px;border-radius:50%;background:#3A3832}
.gd-mail .bar span{margin-left:8px;font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#C7CBD1}
.gd-mail dl{margin:0;padding:6px 16px 16px;display:grid;grid-template-columns:76px 1fr;gap:0;font-family:var(--body);font-size:15.5px;color:#3A3D42}
.gd-mail dt,.gd-mail dd{margin:0;padding:10px 0;border-bottom:1px solid #EEF0F2}
.gd-mail dt{color:#7E858E}
.gd-mail dd{color:#0E0D0B;overflow-wrap:anywhere}
.gd-mail dd.hl{font-weight:700}
.gd-mail dd.hl mark{background:#FFE5E6;color:#0E0D0B;padding:2px 5px;border-radius:4px}
.gd-mail .att{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #DDE1E6;border-radius:8px;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.gd-mail .bd{grid-column:1/-1;border:0;padding-top:14px;color:#3A3D42}

/* subject-line builder + build sheet form */
.gd-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:26px}
.gd-form .full{grid-column:1/-1}
.gd-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#0E0D0B}
.dark .gd-form label{color:#F4F6F8}
.gd-form label small{font-family:var(--body);font-weight:400;font-size:13.5px;letter-spacing:0;text-transform:none;color:#5F6369}
.dark .gd-form label small{color:#7E858E}
.gd-form input,.gd-form select,.gd-form textarea{font:inherit;font-family:var(--body);font-size:16px;font-weight:400;letter-spacing:0;text-transform:none;padding:12px 13px;border-radius:8px;border:1px solid #CDD2D8;background:#fff;color:#0E0D0B;width:100%;box-sizing:border-box}
.dark .gd-form input,.dark .gd-form select,.dark .gd-form textarea{background:#0E0D0B;border-color:#3A3832;color:#F4F6F8}
.gd-form input:focus,.gd-form select:focus,.gd-form textarea:focus{outline:2px solid var(--gd-red);outline-offset:1px;border-color:transparent}
.gd-chips{display:flex;flex-wrap:wrap;gap:8px}
.gd-chips label{flex-direction:row;align-items:center;gap:8px;padding:9px 13px;border:1px solid #CDD2D8;border-radius:999px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}
.gd-chips input{position:absolute;opacity:0;width:1px;height:1px}
.gd-chips label:has(input:checked){background:#0E0D0B;border-color:#0E0D0B;color:#fff}
.gd-chips label:has(input:focus-visible){outline:2px solid var(--gd-red);outline-offset:2px}
.dark .gd-chips label{background:#141310;border-color:#3A3832}
.dark .gd-chips label:has(input:checked){background:var(--gd-red);border-color:var(--gd-red)}
.gd-out{margin-top:20px;padding:18px 20px;border-radius:12px;border:1px dashed #B8BDC4;background:#fff}
.dark .gd-out{background:#171613;border-color:#3A3832}
.gd-out .lbl{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd-red-sm)}
.gd-out .val{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;line-height:1.5;color:#0E0D0B;word-break:break-word;white-space:pre-wrap}
.dark .gd-out .val{color:#fff}
.gd-out .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
@media(max-width:640px){.gd-form{grid-template-columns:1fr}}

/* lightbox + video modal */
.gd-lb{position:fixed;inset:0;z-index:10040;display:none;background:rgba(8,8,7,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gd-lb.open{display:flex;flex-direction:column;animation:gdFade .25s ease}
@keyframes gdFade{from{opacity:0}to{opacity:1}}
.gd-lb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#C7CBD1;font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.gd-lb-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 64px;touch-action:pan-y}
.gd-lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);transition:opacity .2s,transform .3s cubic-bezier(.2,.8,.2,1)}
.gd-lb-cap{padding:12px 20px calc(18px + env(safe-area-inset-bottom));text-align:center;color:#E6E8EB;font-family:var(--body);font-size:16px;line-height:1.45;max-width:880px;margin:0 auto}
.gd-lb button{appearance:none;border:1px solid rgba(246,244,239,.25);background:rgba(14,13,11,.6);color:#fff;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.gd-lb .x{width:42px;height:42px;font-size:22px}
.gd-lb .pv,.gd-lb .nx{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:22px}
.gd-lb .pv{left:10px}.gd-lb .nx{right:10px}
.gd-lb button:hover{border-color:var(--gd-red)}
.gd-vm{position:fixed;inset:0;z-index:10045;display:none;align-items:center;justify-content:center;background:rgba(8,8,7,.92);padding:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gd-vm.open{display:flex;animation:gdFade .25s ease}
.gd-vm-box{position:relative;width:min(1100px,100%);}
.gd-vm-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.gd-vm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gd-vm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#F4F6F8;font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase}
.gd-vm-head button{appearance:none;width:42px;height:42px;border-radius:999px;border:1px solid rgba(246,244,239,.25);background:rgba(14,13,11,.6);color:#fff;font-size:22px;cursor:pointer}
@media(max-width:640px){.gd-lb-stage{padding:0 8px}.gd-lb .pv,.gd-lb .nx{top:auto;bottom:-56px;transform:none}}

/* hub */
.gd-hub-filters{margin-top:30px}
@media(max-width:560px){.gd-seg.gd-hub-filters{grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gd-seg.gd-hub-filters::-webkit-scrollbar{display:none}.gd-seg.gd-hub-filters button{padding:10px 12px}}
.gd-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.gd-hcard{display:flex;flex-direction:column;background:#fff;border:1px solid #DDE1E6;border-radius:12px;overflow:hidden;color:#0E0D0B;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
a.gd-hcard:hover{border-color:#0E0D0B;box-shadow:0 16px 36px rgba(14,13,11,.1);transform:translateY(-3px)}
.gd-hcard .ph{position:relative;aspect-ratio:16/10;background:#0E0D0B;overflow:hidden}
.gd-hcard .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
a.gd-hcard:hover .ph img{transform:scale(1.04)}
.gd-hcard .ph .tag{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:999px;background:rgba(14,13,11,.82);color:#fff;font-family:var(--disp);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.gd-hcard .ph .tag.vid{left:auto;right:12px;background:var(--gd-red)}
.gd-hcard .bd{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.gd-hcard .m{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5F6369}
.gd-hcard h3{margin:0;font-size:clamp(22px,2.1vw,27px);line-height:1.02}
.gd-hcard p{margin:0;font-family:var(--body);font-size:16px;line-height:1.45;color:#3A3D42}
.gd-hcard .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}
.gd-hcard .meta span{padding:4px 9px;border:1px solid #DDE1E6;border-radius:6px;font-family:var(--disp);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#3A3D42}
.gd-hcard[hidden],.gd-vc[hidden]{display:none}
.gd-empty{margin:0;padding:18px 20px;border:1px dashed #3A3832;border-radius:12px;color:#C7CBD1}.gd-empty[hidden]{display:none}
@media(max-width:1000px){.gd-hub{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gd-hub{grid-template-columns:1fr}}
.gd-vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:30px}
.gd-vc{display:flex;flex-direction:column;gap:10px;color:#F4F6F8;text-decoration:none}
.gd-vc button{all:unset;cursor:pointer;position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid #2A2823;background:#000}
.gd-vc button img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .25s,transform .6s cubic-bezier(.2,.8,.2,1)}
.gd-vc button:hover img{opacity:1;transform:scale(1.04)}
.gd-vc button:focus-visible{outline:2px solid var(--gd-red);outline-offset:2px}
.gd-vc button .pl{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:var(--gd-red);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(255,2,10,.45)}
.gd-vc button .pl svg{width:20px;height:20px;fill:#fff;margin-left:3px}
.gd-vc button .du{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:5px;background:rgba(0,0,0,.75);font-family:var(--disp);font-weight:700;font-size:12.5px;letter-spacing:.04em}
.gd-vc b{font-family:var(--disp);font-size:18px;line-height:1.15;text-transform:uppercase}
.gd-vc a{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--gd-red);text-decoration:none}

/* article (learn) */
.gd-art{max-width:760px}
.gd-art p{font-family:var(--body);font-size:19px;line-height:1.7;color:#3A3D42;margin:0 0 18px}
.dark .gd-art p{color:#C7CBD1}
.gd-art h3{margin:38px 0 12px;font-size:clamp(24px,2.6vw,32px)}
.gd-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.gd-vs>div{background:#171613;border:1px solid #2A2823;border-radius:12px;padding:24px}
.light .gd-vs>div,.white .gd-vs>div{background:#fff;border-color:#DDE1E6}
.gd-vs img{width:96px;height:96px;object-fit:contain;display:block;margin-bottom:10px}
.gd-vs h3{margin:0 0 12px;font-size:26px}
.gd-vs dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-family:var(--body);font-size:16px}
.gd-vs dt{font-family:var(--disp);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px;color:#7E858E;padding-top:2px}
.gd-vs dd{margin:0;color:#C7CBD1}
.light .gd-vs dd,.white .gd-vs dd{color:#3A3D42}
@media(max-width:760px){.gd-vs{grid-template-columns:1fr}}
.gd-calc{margin-top:30px;padding:24px;border:1px solid #DDE1E6;border-radius:12px;background:#fff;max-width:860px}
.dark .gd-calc{background:#171613;border-color:#2A2823}
.gd-calc .rowc{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.gd-calc input[type=range]{width:100%;accent-color:#FF020A}
.gd-calc .out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.gd-calc .out div{padding:14px 16px;border-radius:10px;background:#F4F6F8;border:1px solid #DDE1E6}
.dark .gd-calc .out div{background:#0E0D0B;border-color:#2A2823}
.gd-calc .out b{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1;color:#0E0D0B;font-variant-numeric:tabular-nums}
.dark .gd-calc .out b{color:#fff}
.gd-calc .out span{display:block;margin-top:6px;font-size:14px;color:#5F6369}
.gd-calc .big{font-family:var(--disp);font-weight:800;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}
@media(max-width:640px){.gd-calc .out{grid-template-columns:1fr}}

/* closing CTA */
.gd-cta{color:#F4F6F8;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:40px;padding:26px 28px;border-radius:14px;background:radial-gradient(ellipse at 100% 0,rgba(255,2,10,.22),transparent 60%),#171613;border:1px solid #2A2823}
.gd-cta h3{margin:0;font-size:clamp(24px,2.6vw,32px)}
.gd-cta p{margin:8px 0 0;color:#C7CBD1;font-size:16px;max-width:56ch}

/* print: the page is the PDF */
@media print{
  @page{margin:14mm}
  html,body{background:#fff!important;color:#000!important}
  #pnav,.pnav,.wk-root,[class*="wicko-"],.pfoot,.gd-noprint,.gd-video,.gd-vm,.gd-lb,.gd-acts,.gd-thumbs,.tn-jump,.gd-hero-fig,.gd-float,.ppa-skip,iframe,.tn-links,.gd-cta{display:none!important}
  .tn section,.tn-hero{padding:14px 0!important;background:#fff!important;color:#000!important;border:0!important}
  .tn-hero h1{font-size:34px!important;color:#000}
  .tn-stats b,.gd-keys b{color:#000!important}
    .gd-step{break-inside:avoid;grid-template-columns:200px 1fr!important;border:1px solid #999!important;margin-top:8px}
  .gd-media,.gd-media .gd-main{background:#fff!important;min-height:0!important}
  .gd-media .gd-main{aspect-ratio:auto!important;height:150px}
  .gd-body{padding:10px 14px!important}
  .gd-body p,.gd-body li{font-size:12pt!important;color:#000!important}
  .gd-phase{margin:18px 0 6px!important;break-after:avoid}
  .gd-diag{grid-template-columns:1fr 1fr!important}
  .gd-fig.focus img{filter:none!important}
  .gd-fig.focus .gd-pin{opacity:1!important}
  a{color:#000!important}
}
@media(prefers-reduced-motion:reduce){.gd-seg .gd-seg-hl,.gd-media .gd-main img,.gd-float,.gd-done i,.gd-done i svg{transition:none!important}}

/* device illustration (PV3 flash screen) */
.gd-dev{margin:0;max-width:560px}
.gd-dev svg{display:block;width:100%;height:auto}
.gd-dev figcaption{margin-top:10px;font-family:var(--body);font-size:14px;line-height:1.45;color:#5F6369}
.dark .gd-dev figcaption{color:#7E858E}
.gd-two{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:34px}
@media(max-width:900px){.gd-two{grid-template-columns:minmax(0,1fr)}}
.gd-step.no-media .gd-body{padding:22px 26px 20px}
.gd-switchbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:22px}
.gd-switchbar>span{font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#C7CBD1}
.light .gd-switchbar>span,.white .gd-switchbar>span{color:#3A3D42}
.tn-stats b em.gd-sw{font-style:normal}
.tn-hero .gd-seg{background:#141310;border-color:#3A3832}
.tn-hero .gd-seg button{color:#C7CBD1}
.tn-hero .gd-seg button[aria-pressed="true"],.tn-hero .gd-seg button[aria-selected="true"]{color:#fff}
/* clutch layout diagram */
.gd-cl{cursor:pointer;transition:opacity .3s}
.gd-cl:focus{outline:none}
.gd-cl:focus-visible text{fill:#FF020A}
svg.has-hl .gd-cl:not(.hl){opacity:.3}
.gd-cl-lines line{opacity:0;transition:opacity .3s}
.gd-cl-lines line.on{opacity:1}
.gd-hcard .ph svg{display:block;width:100%;height:100%;object-fit:contain;background:#0E0D0B;padding:14px;box-sizing:border-box}
.gd-cl-lines{pointer-events:none}

/* hub landing: machine tiles + the tune path */
.gd-mach{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:30px}
.gd-mt{display:flex;flex-direction:column;background:#fff;border:1px solid #DDE1E6;border-radius:12px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.gd-mt:hover{border-color:#C7CBD1;box-shadow:0 10px 30px rgba(14,13,11,.08)}
.gd-mt .ph{display:block;aspect-ratio:4/3;overflow:hidden;background:#0E0D0B}
.gd-mt .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.gd-mt:hover .ph img{transform:scale(1.04)}
.gd-mt .bd{padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.gd-mt .m{font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#E00009}
.gd-mt h3{margin:0;font-size:24px;line-height:1.02}
.gd-mt h3 a{color:#0E0D0B;text-decoration:none}
.gd-mt ul{list-style:none;margin:6px 0 0;padding:0}
.gd-mt li a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #EEF0F2;color:#141210;text-decoration:none;font-family:var(--body);font-size:15px;line-height:1.3}
.gd-mt li a::after{content:"\2192";color:#9AA0A6;transition:transform .2s,color .2s}
.gd-mt li a:hover{color:#E00009}.gd-mt li a:hover::after{color:#E00009;transform:translateX(3px)}
.gd-mt li em{font-style:normal;font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#FF020A;border-radius:4px;padding:2px 6px;margin-left:6px;vertical-align:2px}
@media(max-width:1100px){.gd-mach{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.gd-mach{grid-template-columns:minmax(0,1fr)}.gd-mt{flex-direction:row}.gd-mt .ph{width:36%;flex:none;aspect-ratio:auto;min-height:100%}.gd-mt .bd{padding:14px}}
.gd-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.gd-pstep{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid #2A2823;border-radius:12px;background:#171613;color:#F4F6F8;text-decoration:none;transition:border-color .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
.gd-pstep:hover{border-color:#FF020A;transform:translateY(-2px)}
.gd-pstep .n{font-family:var(--disp);font-weight:800;font-size:46px;line-height:1;color:#FF020A}
.gd-pstep h3{margin:0;font-size:26px;color:#F4F6F8}
.gd-pstep p{margin:0;color:#C7CBD1;font-family:var(--body);font-size:16px;line-height:1.5}
.gd-pstep .go{margin-top:auto;padding-top:8px;font-family:var(--disp);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px;color:#fff}
.gd-pstep:not(:last-child)::after{content:"";position:absolute;top:50%;right:-13px;width:10px;height:10px;border-top:2px solid #FF020A;border-right:2px solid #FF020A;transform:translateY(-50%) rotate(45deg);z-index:1}
@media(max-width:760px){.gd-path{grid-template-columns:minmax(0,1fr)}.gd-pstep:not(:last-child)::after{top:auto;bottom:-13px;right:50%;transform:translateX(50%) rotate(135deg)}}