.ps5off-page{--ink:#071f3a;--blue:#0a4c8a;--soft:#f4f8fc;--line:#071f3a1f;color:var(--ink);background:#fff}.ps5off-page h2,.ps5off-page h3,.ps5off-page p,.ps5off-page li,.ps5off-page span,.ps5off-page strong{color:var(--ink)}.ps5off-hero{background:radial-gradient(circle at 84% 12%,#38bdf838,#0000 32%),radial-gradient(circle at 12% 18%,#2563eb3d,#0000 34%),linear-gradient(135deg,#061425 0%,#071f3a 54%,#0b1120 100%);padding:clamp(36px,5vw,74px) 0;position:relative;overflow:hidden}.ps5off-hero:before{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 86%)}.ps5off-hero-grid,.ps5off-split,.ps5off-media-grid,.ps5off-compare-grid,.ps5off-local-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr);align-items:center;gap:clamp(24px,4vw,48px);display:grid;position:relative}.ps5off-kicker,.ps5off-eyebrow{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:900;display:inline-flex}.ps5off-kicker,.ps5off-hero h1,.ps5off-hero p{color:#fff!important}.ps5off-kicker{color:#bfefff!important}.ps5off-eyebrow{color:var(--blue)!important}.ps5off-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:820px;margin:14px 0 16px;font-family:Kanit,sans-serif;font-size:clamp(2.3rem,5.8vw,5rem);line-height:.98}.ps5off-hero p{max-width:70ch;margin:0 0 14px;line-height:1.7;color:#ddebfa!important}.ps5off-lead{font-size:clamp(1.12rem,2vw,1.38rem)!important;line-height:1.46!important}.ps5off-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.ps5off-btn{border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:13px 18px;font-weight:900;text-decoration:none;transition:transform .18s ease-out,background-color .18s ease-out,border-color .18s ease-out;display:inline-flex}.ps5off-btn:active{transform:scale(.98)}.ps5off-btn-primary{background:#15803d;color:#fff!important}.ps5off-btn-secondary{background:#ffffff14;border:1px solid #ffffff3d;color:#fff!important}@media (hover:hover) and (pointer:fine){.ps5off-btn:hover,.ps5off-related-grid a:hover{transform:translateY(-3px)}}.ps5off-panel{background:#071f3a;border:1px solid #ffffff2e;border-radius:18px;overflow:hidden;box-shadow:0 24px 58px #00000042}.ps5off-panel img{object-fit:cover;width:100%;height:220px;display:block}.ps5off-panel-body{padding:22px 22px 10px}.ps5off-panel-body span,.ps5off-panel-body strong,.ps5off-panel-body p,.ps5off-panel li{color:#fff!important}.ps5off-panel-body span{letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:900;display:block}.ps5off-panel-body strong{margin-top:4px;font-family:Kanit,sans-serif;font-size:clamp(1.7rem,3vw,2.2rem);display:block}.ps5off-panel ul{gap:8px;margin:0;padding:10px 22px 22px;list-style:none;display:grid}.ps5off-panel li{align-items:flex-start;gap:9px;font-weight:700;display:flex}.ps5off-panel li i{color:#22c55e;margin-top:4px}.ps5off-section{padding:clamp(54px,7vw,92px) 0}.ps5off-light{background:var(--soft)}.ps5off-dark{background:#eaf3fb}.ps5off-dark h2,.ps5off-dark h3,.ps5off-dark p{color:var(--ink)!important}.ps5off-dark .ps5off-eyebrow{color:var(--blue)!important}.ps5off-head{text-align:center;max-width:880px;margin:0 auto 30px}.ps5off-section h2{letter-spacing:-.025em;text-wrap:balance;max-width:900px;margin:10px 0 16px;font-family:Kanit,sans-serif;font-size:clamp(1.85rem,3.5vw,3.15rem);line-height:1.06}.ps5off-head h2{margin-left:auto;margin-right:auto}.ps5off-section h3{margin:0 0 8px;font-family:Kanit,sans-serif;font-size:1.2rem;line-height:1.18}.ps5off-section p{text-wrap:pretty;max-width:72ch;margin:0 0 14px;line-height:1.72}.ps5off-symptom-grid,.ps5off-process,.ps5off-related-grid,.ps5off-cause-list,.ps5off-decision-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.ps5off-symptom-grid article,.ps5off-process article,.ps5off-related-grid a,.ps5off-cause-list article,.ps5off-decision-cards article{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:22px}.ps5off-symptom-grid i{width:42px;height:42px;color:var(--blue);background:#0a4c8a14;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;font-size:1.15rem;display:inline-flex}.ps5off-dark .ps5off-cause-list article{border-color:var(--line);background:#fff}.ps5off-media-grid{align-items:center}.ps5off-image-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 22px 54px #071f3a1f}.ps5off-image-card img{object-fit:cover;width:100%;height:100%;min-height:320px;display:block}.ps5off-check-grid,.ps5off-area-list{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.ps5off-check-grid span,.ps5off-area-list span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:900}.ps5off-process{grid-template-columns:repeat(3,minmax(0,1fr))}.ps5off-process span{background:#eaf3fb;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-family:Kanit,sans-serif;font-weight:950;display:inline-flex;color:var(--ink)!important}.ps5off-compare,.ps5off-local{background:#fff}.ps5off-decision-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ps5off-related-grid a{gap:8px;text-decoration:none;transition:transform .18s ease-out,border-color .18s ease-out;display:grid}.ps5off-related-grid a p{margin:0}.ps5off-related-grid a span{font-weight:900;color:var(--blue)!important}.ps5off-section .ps5off-btn-primary{border:1px solid var(--line);background:#fff;color:var(--ink)!important}.ps5off-page .svc-related{background:var(--soft)!important}.ps5off-page .svc-related .ux-eyebrow,.ps5off-page .svc-related .ux-h2,.ps5off-page .svc-related .related-card h4,.ps5off-page .svc-related .related-card span,.ps5off-page .svc-related .related-toggle,.ps5off-page .svc-related .related-toggle span{color:var(--ink)!important}.ps5off-page .svc-related .related-card{border-color:var(--line)!important;background:#fff!important}.ps5off-page .svc-related .related-card p{color:var(--ink)!important}.ps5off-page .svc-related .related-toggle{border-color:var(--line)!important;background:#fff!important}@media (width<=980px){.ps5off-hero-grid,.ps5off-split,.ps5off-media-grid,.ps5off-compare-grid,.ps5off-local-grid{grid-template-columns:1fr}.ps5off-process,.ps5off-decision-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.ps5off-hero{padding-top:30px}.ps5off-hero h1{font-size:clamp(2rem,12vw,3.2rem)}.ps5off-btn,.ps5off-actions{width:100%}.ps5off-process,.ps5off-decision-cards{grid-template-columns:1fr}.ps5off-image-card img{min-height:240px}}@media (prefers-reduced-motion:reduce){.ps5off-page *,.ps5off-page :before,.ps5off-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
