/* PixelPuffin 2.3: continuous scenes and a comfortable default reading scale. */
:root{--pp-content-width:clamp(1280px,80vw,1760px);--pp-blue:#078fff}
.pp-wrap,.pp2-wrap{width:min(92%,var(--pp-content-width))}
.pp-v2{font-size:18px;line-height:1.5}
.pp-header-top{min-height:66px;padding-block:12px;gap:36px}
.pp-header .pp-logo,.pp-header .custom-logo{width:270px}
.pp-header .custom-logo{max-height:55px}
.pp-header-action{font-size:15px;min-height:40px}
.pp-header .pp-icon{width:23px;height:23px}
.pp-header-bottom{min-height:38px;padding-bottom:10px}
.pp-header .pp-menu a{font-size:16px}
.pp-header .pp-button-small{font-size:15px;min-height:34px;padding:6px 16px}
.pp-header .pp-search input[type=search],.pp-header .pp-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{height:44px;min-height:44px;line-height:42px;font-size:16px;padding-left:42px}
.pp-header .pp-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{width:42px;height:44px;min-height:44px}
.pp-header .pp-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg{width:19px;height:19px;left:12px;top:12px}
.pp-button{min-height:48px;font-size:18px;padding:12px 24px}
.pp-button-outline{background:#03131bcc}
.pp-v2 h2{font-size:clamp(22px,1.7vw,32px);line-height:1.4}
/* The image covers the section itself, behind live content; no separate image column. */
.pp2-hero,.pp2-hero.pp-reference-scene{position:relative;isolation:isolate;padding:0;min-height:clamp(460px,30vw,880px);background-color:#031329;background-image:var(--pp-hero-image);background-size:cover;background-position:center;background-repeat:no-repeat}
.pp2-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#020f22a8 0%,#020f2238 40%,transparent 62%)}
.pp2-hero>.pp2-wrap{display:flex;align-items:center;min-height:inherit;padding-block:44px}
.pp2-hero-copy{width:48%;max-width:800px;flex:none;z-index:1}
.pp-v2 .pp2-hero h1{font-size:clamp(36px,3vw,64px);line-height:1.25;margin-bottom:18px;text-shadow:0 3px 0 #03131b}
.pp2-hero-copy>p{font-size:clamp(18px,1.25vw,22px);line-height:1.45;max-width:36em;margin-bottom:22px}
.pp2-hero .pp2-buttons{gap:18px}.pp2-hero .pp2-buttons .pp-button{min-width:172px}
.pp2-trust{gap:20px 24px;margin-top:26px}.pp2-trust li{font-size:13px;gap:9px;line-height:1.3}.pp2-trust .pp-icon{width:29px;height:29px}
.pp2-games{padding:30px 0 24px}.pp2-section-heading{margin-bottom:18px;gap:24px}.pp2-section-heading>a{font-size:15px}
.pp-shop-controls{margin-bottom:18px;gap:16px}.pp-chips{gap:8px}.pp-chip{font-size:15px;min-height:38px;padding:7px 18px}.pp2-platform select{font-size:15px;height:38px;min-width:160px}
.pp-reference-cover{height:clamp(220px,16vw,310px);margin-bottom:14px}
/* A reserved side lane keeps functioning wishlist controls clear of the covers. */
.pp-product-meta{font-size:15px;line-height:1.5;gap:7px}.pp-product-meta>.pp-icon{width:16px;height:16px}
.pp2-demo-note{font-size:12px;line-height:1.5;margin-top:14px}.pp-preview-results{margin-bottom:18px!important;font-size:16px}.pp-preview-results a{text-decoration:underline}
.pp2-about{padding-block:30px;background-color:#a6f2ff}
.pp2-about-content{width:calc(100% - 175px)}.pp2-about h2{font-size:clamp(22px,1.7vw,32px);line-height:1.4;margin-bottom:24px}.pp2-kicker{font-size:15px;margin-bottom:10px!important}
.pp2-benefits{gap:28px}.pp2-benefit{gap:18px;padding-right:22px}.pp-benefit-icon{width:52px;height:58px}.pp2-benefit h3{font-size:24px;line-height:1.25}.pp2-benefit p{font-size:17px;line-height:1.5}.pp2-account-note{font-size:14px;margin-top:20px!important}
.pp2-about .pp-about-artwork{width:155px;max-width:155px;bottom:-30px}
.pp2-reviews{padding-block:22px}.pp2-reviews>.pp2-wrap{gap:20px}.pp2-reviews h2{font-size:15px}.pp2-stars .pp-icon{width:22px;height:26px}.pp2-stat strong{font-size:28px}.pp2-stat span{font-size:14px}.pp2-review-links a{font-size:14px;padding:9px 14px}
.pp2-how{padding:32px 0 36px}.pp2-how h2{font-size:clamp(22px,1.7vw,32px)}.pp2-intro{font-size:19px}.pp2-steps{gap:28px;margin-top:24px}
.pp2-step{grid-template-columns:36px 32px minmax(0,1fr);gap:14px;padding-right:20px}.pp2-step-number{font-size:16px;padding:6px 1px}.pp2-step>.pp-icon{width:30px;height:30px}.pp2-step h3{font-size:18px}.pp2-step p{font-size:17px;line-height:1.5}
/* Full support sky reaches the outer left edge while the FAQ remains readable. */
.pp2-help{position:relative;isolation:isolate;background:#03141b}
.pp2-help::before{content:'';position:absolute;inset:0 50% 0 0;z-index:-1;background:#074286 var(--pp-support-image) center/cover no-repeat}
.pp2-help-inner{position:relative}
.pp2-support{background:none;grid-template-columns:minmax(0,35%) minmax(0,1fr);gap:26px;padding:32px 32px 32px 0;min-height:330px}
.pp2-support:not(.pp-reference-scene){background:var(--pp-support-image) center/cover no-repeat}
.pp-support-cutout{max-height:280px;filter:drop-shadow(0 5px 0 #00274c88)}
.pp2-support h2{font-size:clamp(17px,1.25vw,24px);line-height:1.5}.pp2-support p{font-size:21px;margin:14px 0 20px}.pp2-support .pp-button{font-size:19px;min-height:50px;padding:12px 28px}
.pp2-faq{padding:24px 0 24px 30px}.pp2-faq h2{font-size:15px;line-height:1.6;margin-bottom:14px}.pp-faq details{margin-bottom:7px}.pp-faq summary{font-size:16px;padding:10px 36px 10px 12px;line-height:1.4}.pp-faq summary:after{top:12px;right:12px;font-size:20px}.pp-faq-answer{font-size:17px;padding:16px}
/* One complete panorama spans the viewport; all controls sit on top of it. */
.pp2-closing{padding:44px 0;min-height:clamp(180px,12vw,300px);display:flex;align-items:center;background:#073c70 var(--pp-landscape-image) center 75%/cover no-repeat}
.pp2-closing::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,transparent,#02173044 35%,#02173044 65%,transparent);pointer-events:none}
.pp2-closing>.pp2-wrap{gap:28px}.pp2-closing h2{font-size:clamp(20px,1.6vw,30px);text-shadow:0 2px 3px #001325}.pp2-closing .pp-button{font-size:18px;min-height:50px;padding:12px 22px}
.pp-footer-inner{padding-block:25px;gap:26px;min-height:95px}.pp-footer .pp-logo{width:200px}.pp-footer p{font-size:14px}.pp-footer-motto{font-size:12px}.pp-socials:empty{display:none}.pp-socials{gap:14px}.pp-socials a{width:40px;height:40px;padding:9px;border:1px solid #2c5364;border-radius:5px}
/* FiboSearch uses a body-level dropdown, outside the dark header. */
.dgwt-wcas-suggestions-wrapp{background:#0b202c!important;border-color:#345462!important;color:#eefbff!important;font-family:var(--pp-body)!important;font-size:16px!important}
.dgwt-wcas-suggestion,.dgwt-wcas-suggestion-nores,.dgwt-wcas-suggestion-more,.dgwt-wcas-content-wrapp,.dgwt-wcas-st,.dgwt-wcas-sp,.dgwt-wcas-sd,.dgwt-wcas-suggestion-headline{color:#eefbff!important;background-color:#0b202c!important}
.dgwt-wcas-suggestion-selected,.dgwt-wcas-suggestion:hover{background-color:#173e52!important}.dgwt-wcas-suggestions-wrapp mark{color:#fff;background:#09629e}.dgwt-wcas-suggestions-wrapp a{color:#b6f4ff!important}
.pp-header .pp-preview-search button{position:absolute;left:0;top:0;width:42px;height:44px;padding:10px;border:0;background:transparent;color:#b6f4ff}.pp-preview-search .pp-icon{width:20px;height:20px}
@media(max-width:1200px){
 .pp-header-top{gap:22px}.pp-header .pp-logo,.pp-header .custom-logo{width:220px}.pp-header-actions{gap:14px}
 .pp2-hero-copy{width:50%}.pp-v2 .pp2-hero h1{font-size:36px}.pp2-hero .pp2-buttons .pp-button{min-width:0;padding-inline:18px}.pp2-trust{gap:14px}.pp2-trust li{font-size:11px}
 .pp2-about-content{width:100%;padding-right:0}.pp2-about .pp-about-artwork{display:none}.pp2-benefits{gap:20px}.pp2-benefit h3{font-size:22px}
 .pp2-step{grid-template-columns:36px minmax(0,1fr);gap:12px}.pp2-step>.pp-icon{display:none}.pp-product-meta{font-size:14px}
 .pp2-support{gap:20px;padding-right:24px}.pp2-support p{font-size:19px}
}
@media(max-width:1000px){
 .pp-header .pp-logo,.pp-header .custom-logo{width:200px}.pp-header-action>span:not(.pp-cart-count){display:none}
 .pp-reference-cover{height:280px}
 .pp2-reviews>.pp2-wrap{justify-content:center}.pp2-reviews h2{flex-basis:100%;text-align:center}
}
@media(max-width:900px){
 .pp2-help::before{display:none}.pp2-help-inner{width:100%;max-width:none;display:grid;grid-template-columns:1fr}
 .pp2-support,.pp2-support:not(.pp-reference-scene){grid-template-columns:minmax(120px,180px) minmax(0,420px);justify-content:center;padding:30px 5%;gap:30px;background:#074286 var(--pp-support-image) center/cover no-repeat;min-height:290px}
 .pp-support-cutout{max-height:250px}.pp2-support h2{font-size:22px}.pp2-support p{font-size:20px}
 .pp2-faq{width:92%;padding:28px 0;margin-inline:auto}.pp2-faq h2{font-size:16px}
}
@media(max-width:800px){
 .pp-header-top{gap:12px;flex-wrap:wrap;padding-block:12px}.pp-header .pp-logo,.pp-header .custom-logo{width:200px}.pp-header .pp-search{order:3;flex-basis:100%}.pp-header-actions{gap:12px}.pp-header-action{min-height:36px}.pp-header .pp-menu-toggle{min-width:40px;min-height:40px}
 .pp-header .pp-menu a{font-size:16px}.pp-header-bottom{padding-bottom:10px}
 .pp2-hero,.pp2-hero.pp-reference-scene{min-height:700px;background-image:var(--pp-hero-mobile-image);background-position:center bottom;background-size:cover}
 .pp2-hero::before{background:linear-gradient(#00102133,transparent 65%)}
 .pp2-hero>.pp2-wrap{display:block;padding:36px 0 300px;min-height:inherit}.pp2-hero-copy{width:100%;max-width:560px;margin-inline:auto}
 .pp-v2 .pp2-hero h1{font-size:clamp(29px,5.5vw,42px)}.pp2-hero-copy>p{font-size:18px;max-width:28em}.pp2-hero .pp2-buttons .pp-button{font-size:17px}.pp2-trust li{font-size:11px}
 .pp2-section-heading h2{font-size:22px}.pp2-section-heading>a{font-size:14px}
 .pp2-benefits{grid-template-columns:1fr;gap:20px}.pp2-benefit{flex-direction:row;border:0;border-bottom:1px solid #65cbe0;padding:0 0 18px;gap:18px}.pp2-benefit:last-child{padding:0}.pp2-benefit h3{font-size:24px}.pp2-benefit p{font-size:17px}
 .pp2-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pp2-step{padding:0;border:0}.pp2-step p{font-size:16px}
 .pp2-closing{min-height:210px;padding:35px 0}.pp2-closing>.pp2-wrap{flex-direction:column;gap:20px}.pp2-closing h2{font-size:23px}
 .pp-footer-inner{justify-content:center}.pp-footer p{font-size:13px;order:4;flex-basis:100%;text-align:center}.pp-footer-motto{display:none}
}
@media(min-width:521px) and (max-width:800px){
 /* Preserve the complete desktop panorama on tablets, with copy above the mascot. */
 .pp2-hero,.pp2-hero.pp-reference-scene{background-size:100% auto;min-height:850px;background-position:center bottom}
}
@media(max-width:520px){
 .pp-header .pp-logo,.pp-header .custom-logo{width:155px}.pp-header-actions{gap:9px}.pp-header .pp-icon{width:20px;height:20px}.pp-header .pp-menu-toggle{min-width:32px;min-height:36px;padding:5px}.pp-header-action{min-height:36px}
 .pp2-hero,.pp2-hero.pp-reference-scene{min-height:680px}.pp2-hero>.pp2-wrap{padding:28px 0 280px}.pp-v2 .pp2-hero h1{font-size:clamp(24px,6.7vw,32px);line-height:1.35;margin-bottom:16px}.pp2-hero-copy>p{font-size:18px;margin-bottom:18px}.pp2-hero .pp2-buttons{gap:10px}.pp2-hero .pp2-buttons .pp-button{font-size:16px;padding:12px 14px;min-height:46px}
 .pp2-trust{gap:12px;margin-top:22px}.pp2-trust li{font-size:10px;gap:5px}.pp2-trust .pp-icon{width:23px;height:23px}
 .pp2-games{padding:26px 0}.pp2-section-heading{display:block}.pp2-section-heading h2{font-size:20px;max-width:none;line-height:1.5;margin-bottom:12px}.pp2-section-heading>a{display:inline-block;text-align:left;max-width:none;font-size:14px}
 .pp-chip{font-size:14px;padding:6px 12px;min-height:38px}.pp2-platform select{font-size:15px;min-height:40px}.pp-reference-cover{height:210px}.pp-product-meta{font-size:12px;gap:5px}.pp-product-meta>.pp-icon{width:14px;height:14px}
 .pp2-about h2{font-size:19px;line-height:1.55;overflow-wrap:normal}.pp2-kicker{font-size:12px}.pp2-benefit h3{font-size:23px}.pp2-account-note{font-size:14px}
 .pp2-reviews h2{font-size:13px}.pp2-stat strong{font-size:26px}.pp2-stat span{font-size:13px}.pp2-review-links a{font-size:13px}
 .pp2-how h2{font-size:21px}.pp2-intro{font-size:18px}.pp2-steps{grid-template-columns:1fr;gap:22px}.pp2-step{grid-template-columns:36px 30px minmax(0,1fr)}.pp2-step>.pp-icon{display:block}.pp2-step h3{font-size:18px}.pp2-step p{font-size:16px}
 .pp2-support,.pp2-support:not(.pp-reference-scene){grid-template-columns:minmax(86px,30%) minmax(0,1fr);padding:28px 4%;gap:16px;min-height:260px}.pp2-support h2{font-size:16px;line-height:1.5}.pp2-support p{font-size:18px}.pp2-support .pp-button{font-size:17px;padding:12px 20px;min-height:48px}.pp-support-cutout{max-height:200px}
 .pp2-faq h2{font-size:13px}.pp-faq summary{font-size:16px}.pp-faq-answer{font-size:16px}
 .pp2-closing{min-height:230px;padding:35px 0;background-position:left center}.pp2-closing h2{font-size:21px}.pp2-closing .pp-button{font-size:16px;padding:12px 16px;min-height:48px}.pp2-closing .pp2-buttons{justify-content:center;gap:12px}
 .pp-footer .pp-logo{width:190px}.pp-footer-inner{padding-block:28px}
}
@media(max-width:380px){
 .pp-header .pp-logo,.pp-header .custom-logo{width:135px}.pp-header-actions{gap:6px}.pp-header .pp-icon{width:18px;height:18px}.pp-reference-cover{height:270px}.pp-product-meta{font-size:15px}
 .pp2-support h2{font-size:14px}.pp2-support p{font-size:17px}.pp2-trust li{font-size:9px}.pp2-trust{gap:10px}.pp2-closing h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.pp-button{transition:none}.pp-button:hover{transform:none}}

/* A pale continuous landscape also restores depth to the benefits band. */
.pp2-about{background-image:linear-gradient(#a6f2ffec,#a6f2ffec),var(--pp-landscape-image);background-size:cover;background-position:center 75%}
.pp2-about-motto{display:block;position:absolute;right:0;top:16px;color:#2386b5;font:600 20px/1.2 var(--pp-body);max-width:140px;transform:rotate(-5deg)}
@media(max-width:1200px){.pp2-about-motto{display:none}}

body{font-size:18px}
.pp2-hero-motto{display:block;position:absolute;right:0;top:30px;color:#b6f4ff;font:600 21px/1.1 var(--pp-body);text-shadow:0 2px 4px #001021;transform:rotate(-5deg)}
@media(max-width:1200px){.pp2-hero-motto{display:none}}