/* All layout is scoped to the tutorial overview, including existing #pk-page template rules. */
#pk-page .pkp-body.pk-overview{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263139;line-height:1.65;min-width:0}
#pk-page .pkp-body.pk-overview *{box-sizing:border-box}
#pk-page .pkp-body.pk-overview p{font-size:16px;line-height:1.7;color:#687680;margin:0 0 20px}
#pk-page .pkp-body.pk-overview h2{font-size:clamp(23px,2.4vw,28px);line-height:1.3;margin:0 0 10px;font-weight:800;letter-spacing:-.6px}
#pk-page .pkp-body.pk-overview h3{font-size:19px;line-height:1.4;margin:0 0 12px;font-weight:750;letter-spacing:-.2px}
#pk-page .pkp-body.pk-overview .pk-overview-section{position:relative;margin:44px 0 0;padding:0;border:0;background:none}
#pk-page .pkp-body.pk-overview .pk-overview-hero{margin:0 0 44px;padding:34px 36px 38px;border-radius:22px;background:linear-gradient(125deg,#122632,#07131e);overflow:hidden;isolation:isolate}
#pk-page .pkp-body.pk-overview .pk-overview-hero h2{font-size:clamp(32px,4.2vw,48px);line-height:1.17;color:#fff!important;-webkit-text-fill-color:#fff!important;max-width:650px;padding-right:130px;letter-spacing:-1.2px;margin:0 0 24px;text-wrap:balance}
#pk-page .pkp-body.pk-overview .pk-overview-hero p{color:#cbd8e1;max-width:670px;margin:0;padding-right:90px;line-height:1.75}
#pk-page .pkp-body.pk-overview .pk-overview-hero .pk-overview-kicker{font-size:12px;letter-spacing:1.2px;font-weight:800;line-height:1.5;color:#ffb79c;margin:0 0 22px;padding-right:0}
#pk-page .pkp-body.pk-overview .pk-overview-hero:after{content:"";position:absolute;right:34px;top:38px;width:140px;height:140px;border-radius:30px;background:#ffffff08 url('/content/frontend/clean/images/activation-overview/hero-key.svg') center/88px 88px no-repeat;z-index:-1}
#pk-page .pkp-body.pk-overview .pk-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:24px 0 0;list-style:none}
#pk-page .pkp-body.pk-overview .pk-overview-grid>li{display:flex;min-width:0;margin:0;padding:0;list-style:none}
#pk-page .pkp-body.pk-overview .pk-overview-card{--pk-brand:#193650;display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid #e3e8ed;border-radius:17px;padding:18px 20px 17px;background:#fff;text-decoration:none!important;color:#263139!important;line-height:1.5;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#pk-page .pkp-body.pk-overview .pk-overview-card:hover{transform:translateY(-3px);box-shadow:0 9px 26px #19365012;border-color:var(--pk-brand)}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=ea]{--pk-brand:#8150d7}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=bnet]{--pk-brand:#087cd9}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=ubisoft]{--pk-brand:#0868d7}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=epic]{--pk-brand:#263139}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=gog]{--pk-brand:#7f3e93}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=playstation]{--pk-brand:#1262ce}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=xbox]{--pk-brand:#178136}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=nintendo]{--pk-brand:#d82e38}
#pk-page .pkp-body.pk-overview .pk-overview-card-brand{position:relative;display:flex;align-items:center;gap:12px;padding:8px 10px;margin:0 0 20px 12px;min-height:48px;background:#f5f7fa;border-radius:8px;color:var(--pk-brand);font-size:15px;line-height:1.3}
#pk-page .pkp-body.pk-overview .pk-overview-card-brand:before{content:"";position:absolute;left:-12px;top:4px;width:4px;height:40px;background:var(--pk-brand);border-radius:3px}
#pk-page .pkp-body.pk-overview .pk-overview-card-brand strong{font-size:15px;color:var(--pk-brand);-webkit-text-fill-color:var(--pk-brand);font-weight:750;overflow-wrap:anywhere}
#pk-page .pkp-body.pk-overview .pk-overview-card-brand img{display:block;width:38px!important;height:36px!important;max-width:100%;object-fit:contain;border-radius:0;flex:0 0 auto;margin:0}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=steam] .pk-overview-card-brand{background:#193650}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=steam] img{width:132px!important}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=bnet] img,#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=ubisoft] img,#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=nintendo] img{width:132px!important;max-width:70%}
#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=epic] .pk-overview-card-brand,#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=gog] .pk-overview-card-brand,#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=xbox] .pk-overview-card-brand,#pk-page .pkp-body.pk-overview .pk-overview-card[data-brand=nintendo] .pk-overview-card-brand{background:#fff}
#pk-page .pkp-body.pk-overview .pk-overview-card-desc{display:block;font-size:14px;color:#687680;margin:0 0 18px;overflow-wrap:anywhere}
#pk-page .pkp-body.pk-overview .pk-overview-card-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;color:#263139;font-size:14px;font-weight:750}
#pk-page .pkp-body.pk-overview .pk-overview-arrow{display:block;width:30px;height:30px;background:#f0f3f6;border-radius:10px;flex-shrink:0;position:relative;color:var(--pk-brand)}
#pk-page .pkp-body.pk-overview .pk-overview-arrow:after{content:"";position:absolute;inset:8px;background:currentColor;-webkit-mask:url('/content/frontend/clean/images/activation-overview/arrow.svg') center/contain no-repeat;mask:url('/content/frontend/clean/images/activation-overview/arrow.svg') center/contain no-repeat}
#pk-page .pkp-body.pk-overview .pk-overview-count{position:absolute;right:0;top:0;display:inline-block;min-width:100px;padding:7px 14px;text-align:center;background:#f2f5f7;border-radius:99px;font-size:12px;line-height:1.4;font-weight:650;letter-spacing:0;color:#60717c;-webkit-text-fill-color:#60717c}
#pk-page .pkp-body.pk-overview .pk-overview-platforms>h2{padding-right:115px}
#pk-page .pkp-body.pk-overview a:not(.pk-overview-card){color:#c94522;text-decoration:underline;text-underline-offset:3px}
#pk-page .pkp-body.pk-overview .pk-overview-platforms>ul+p{font-size:13px;margin:16px 0 0}
#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-grid{grid-template-columns:1fr}
#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-card{display:grid;grid-template-columns:180px minmax(0,1fr) 155px;align-items:center;gap:22px;padding:20px;background:#eff5fa;border-color:#dfe9f0}
#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-card-brand{padding:20px;margin:0;min-height:77px;justify-content:center}
#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-card-brand:before{display:none}
#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-card-desc{margin:0;font-size:17px;color:#263139;font-weight:650}
#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-card-cta{padding:11px 13px;margin:0;background:#193650;color:#fff;border-radius:9px}
#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-arrow{background:none;color:#fff;width:18px;height:18px}
#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-arrow:after{inset:2px}
#pk-page .pkp-body.pk-overview .pk-overview-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
#pk-page .pkp-body.pk-overview .pk-overview-check{background:#f5f7f9;border-radius:16px;padding:24px 22px;min-width:0}
#pk-page .pkp-body.pk-overview .pk-overview-number{display:block;font-size:24px;font-weight:800;line-height:1.2;color:#df4d26;margin-bottom:18px}
#pk-page .pkp-body.pk-overview .pk-overview-check p{font-size:14px;line-height:1.7;margin:0}
#pk-page .pkp-body.pk-overview .pk-overview-help{padding:27px;background:#fff2eb;border-radius:19px}
#pk-page .pkp-body.pk-overview .pk-overview-help p:last-child{text-align:right;margin:18px 0 0}
#pk-page .pkp-body.pk-overview a.pk-overview-contact{display:inline-block;padding:12px 18px;background:#df4d26;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none;border-radius:9px;font-size:14px;font-weight:750}
#pk-page .pkp-body.pk-overview a:focus-visible{outline:3px solid #df4d26;outline-offset:4px}
#pk-page .pkp-body.pk-overview .pk-overview-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){#pk-page .pkp-body.pk-overview .pk-overview-grid,#pk-page .pkp-body.pk-overview .pk-overview-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-card{grid-template-columns:150px minmax(0,1fr)}#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-card-cta{grid-column:2}}
@media(max-width:640px){#pk-page .pkp-body.pk-overview .pk-overview-grid,#pk-page .pkp-body.pk-overview .pk-overview-check-grid{grid-template-columns:1fr}#pk-page .pkp-body.pk-overview .pk-overview-hero{padding:28px 22px;border-radius:19px}#pk-page .pkp-body.pk-overview .pk-overview-hero h2{font-size:34px;padding:0;max-width:300px}#pk-page .pkp-body.pk-overview .pk-overview-hero p{padding:0;font-size:15px}#pk-page .pkp-body.pk-overview .pk-overview-hero:after{display:none}#pk-page .pkp-body.pk-overview .pk-overview-platforms>h2{padding-right:0}#pk-page .pkp-body.pk-overview .pk-overview-count{display:none}#pk-page .pkp-body.pk-overview .pk-overview-section{margin-top:36px}#pk-page .pkp-body.pk-overview .pk-overview-hero{margin-top:0}#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-card{display:flex;align-items:stretch;gap:18px}#pk-page .pkp-body.pk-overview .pk-overview-gift .pk-overview-card-cta{justify-content:space-between}#pk-page .pkp-body.pk-overview .pk-overview-help{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){#pk-page .pkp-body.pk-overview .pk-overview-card{transition:none}#pk-page .pkp-body.pk-overview .pk-overview-card:hover{transform:none}}
