/* Paid Survey Explorer — approved 10-page board alignment, v2.6.0.
 * Appended as one intentional, versioned presentation layer. No affiliate, platform,
 * routing, or SEO behaviours in this stylesheet. Breakpoints verified in Chromium.
 */
:root{--navy:#092e49;--coral:#fa4961;--teal:#0d7182;--cream:#fff8ed;--paper:#fffcf6;--wrap:1230px;--shadow:0 6px 17px #17404d15}
body{background:var(--cream);color:var(--navy);font-family:'Cabin','Trebuchet MS',system-ui,sans-serif}
.site-header{border-bottom:1px solid #d5e9e5;background:#fdfbf5;box-shadow:0 3px 14px #12394819}
.site-header .header-shell{min-height:64px}
.pse-wordmark{font-family:'Comic Neue','Trebuchet MS',cursive;font-weight:900;font-style:italic;letter-spacing:-.05em;font-size:24px}
.pse-wordmark strong{color:#f65e52}
.pse-compass{background:none;box-shadow:0 2px 4px #07395829;width:51px;height:51px}
#main-navigation a{font-weight:800;font-size:13px}
.header-start,.pse-btn,.pick-button,.hero-primary{border-radius:6px;background:linear-gradient(180deg,#ff6372,#f7435d);box-shadow:0 2px 5px #e953523b;color:white}
.header-start:hover,.pse-btn:hover,.pick-button:hover,.hero-primary:hover{background:#e93856;color:white;transform:translateY(-1px)}
.pse-page,.sst-home{background:#fffaf0}
/* The original render features a scenic band behind the complete introduction,
   rather than a small illustration held inside a mostly white rectangle. */
.psg-hero{min-height:530px;border-bottom:1px solid #cfddce;
 background:linear-gradient(90deg,#e6f6f4 0%,#e9f5ed 44%,#a5dae4 100%)}
.hero-shell{min-height:530px;align-items:center;padding-top:36px;padding-bottom:36px}
.hero-art{right:-4%;width:71%;background:
 linear-gradient(90deg,#e6f6f4 0%,#e6f6f4da 10%,#e6f6f48a 26%,transparent 48%),
 url('assets/design/pse-home-scene.png') center 46% / cover no-repeat}
.hero-copy{width:56%;max-width:615px;padding:2px 0 17px}
.hero-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:12px;color:#176881}
.psg-hero h1{font-family:'Comic Neue','Trebuchet MS',cursive;font-weight:900;font-size:clamp(52px,5.1vw,73px);font-style:italic;letter-spacing:-.07em;line-height:.99;margin-bottom:16px}
.psg-hero h1 span{color:#072c45}
.hero-copy p{font-size:21px;line-height:1.32;margin-bottom:13px;max-width:405px}
.hero-proof{margin:12px 0 19px;gap:7px;flex-wrap:nowrap;max-width:610px}
.hero-proof>span{background:#fbfaf2d9;border:1px solid #d9eae0;box-shadow:0 2px 6px #4e878017;border-radius:7px;min-width:0;flex:1;padding:8px 9px}
.hero-proof b{font-size:12px}.hero-proof i{color:#0e8094;font-size:22px}
.hero-actions{gap:11px}.hero-primary{padding:13px 19px;font-size:14px}
.hero-secondary{border-radius:6px}
.psg-hero:after{height:24px;background:linear-gradient(transparent,#fff6e778)}
/* Render uses an understated cream directory strip with five prominent cards. */
.top-picks{background:linear-gradient(#fffaf0,#fff7eb);padding:24px 0 40px}
.section-title-row{margin-bottom:14px}.section-title-row h2{font-size:30px;letter-spacing:-.035em}
.section-title-row p{color:#526f78}.title-with-icon .crown{display:none}
.pick-grid{gap:14px}
.pick-card{background:#fffdfb;border-color:#eee5d7;box-shadow:0 4px 10px #123a4914;min-height:246px;padding:17px 12px 15px;border-radius:10px}
.pick-logo{height:63px}.pick-logo img{max-height:54px;max-width:145px}
.pick-brand h3{font-size:17px;letter-spacing:-.018em}
.pick-rating{margin:5px 0 7px}.pick-card>p{min-height:37px;font-size:12.5px;line-height:1.4}
.pick-button{padding:11px 10px;font-size:13px;min-height:40px}
.pick-bonus{font-size:12px}
.pse-home-more{background:#e5f1ed;border-top:1px solid #d2e6e1;padding:13px}
/* All illustrative headers: keep scenic artwork larger and more saturated. */
.pse-page-hero{background:linear-gradient(120deg,#e6f6f8 0%,#def2f2 39%,#addce8 100%);border-bottom:3px solid #e5d6be}
.pse-hero-grid{min-height:340px}
.pse-hero-words h1{font-size:clamp(45px,4.75vw,66px);letter-spacing:-.065em}
.pse-hero-words p{max-width:500px;color:#163e51;font-size:17px}
.pse-hero-illustration{height:340px;margin-right:-20px}
.pse-hero-illustration img{object-fit:cover;object-position:center right;
 mask-image:linear-gradient(90deg,transparent 0%,#000 15%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%)}
.pse-filter-bar{box-shadow:0 4px 11px #1d565311;border:1px solid #d5e3df;background:#fffef8;gap:11px;min-height:61px}
.pse-filter-bar a,.pse-filter-bar span{background:#f3faf9}.pse-filter-bar button{background:var(--coral);border-radius:6px}
.pse-market-label{font-weight:800;color:#0d6778}
.pse-card-grid{gap:14px}
.pse-platform-card{border-radius:10px;background:#fffdfa;box-shadow:0 4px 12px #0e465212;border:1px solid #e9e5dc;min-height:248px;padding:20px 15px 16px}
.pse-platform-card .pse-platform-logo{height:66px}.pse-platform-card h3{font-size:18px}
.pse-platform-card p{font-size:13px;line-height:1.42}
.pse-platform-card .pse-btn{margin-top:auto;min-width:125px}
/* Compare: sea-map art, dense but legible data table like approved mockup. */
.pse-compare-page .pse-page-hero{background:#d9f0f1}
.pse-comparison{border-collapse:separate;border-spacing:0;width:100%;background:#fffdf7;box-shadow:0 4px 14px #173f5018;border:1px solid #e4e3d9;border-radius:9px;overflow:hidden}
.pse-comparison th{background:#fff8e8;color:#18384d;text-align:left;font-size:12px;padding:13px 11px;border-bottom:1px solid #e4ddd0}
.pse-comparison td{padding:12px 11px;border-bottom:1px solid #e9ebe6;font-size:13px}
.pse-comparison tbody tr:nth-child(even){background:#f8fcfb}
.pse-comparison tbody tr:hover{background:#eaf8f7}
.pse-table-brand{display:flex;align-items:center;gap:9px}.pse-table-brand img{max-width:45px;max-height:28px;object-fit:contain}
.pse-no-results{text-align:center;padding:28px 15px!important;color:#567181}
.pse-no-results a{color:#08778b;font-weight:900}
/* Review and verdict preserve the source data, no invented reviews. */
.pse-review-hero{background:linear-gradient(125deg,#fdfcf7 10%,#e8f7f5 49%,#afdfeb 100%)}
.pse-review-hero-row{min-height:315px}.pse-review-scenic{height:307px;object-position:center}
.pse-review-identity h1{font-weight:900;font-size:clamp(32px,3.6vw,49px)}
.pse-review-identity>.pse-platform-logo{background:#fff;border:1px solid #e1e8e3;border-radius:10px;box-shadow:0 4px 14px #0d415017}
.pse-review-tabs{background:#fffdf9;border-bottom-color:#d7e5e0}
.pse-review-overview aside{background:linear-gradient(145deg,#e4f5e8,#c7edeb);border-color:#cde9de}
/* Editorial pages receive the same intentional typography and panels. */
.pse-guide-header{background:linear-gradient(95deg,#e7f7f7,#a4dae6);border-bottom:3px solid #e6d6b8}
.pse-guide-header-grid h1{font-weight:900;letter-spacing:-.05em}
.pse-guide-article{box-shadow:0 5px 16px #173f4f12}
.pse-guide-sidebar{background:#e3f4f4}
.pse-guide-card{background:#fffdf9}.pse-guide-card h3{color:#0a344f}
.pse-faq-list{max-width:1080px}
.pse-faq-list details{background:#fffdf8;border-color:#e9e7dc;box-shadow:0 2px 7px #17425512}
.pse-faq-list summary{font-weight:800}
.pse-about-benefits article{background:#fffdf9}
.pse-about-benefits article>span{background:#e7f8ed;color:#d99c1a}
.pse-about-disclosure{background:#e3f4ec}
.pse-contact-content{padding-top:45px;padding-bottom:75px;max-width:900px}.pse-contact-content h2{font-size:30px}
/* Footer is navy, with high-contrast routes and real disclosure links. */
.site-footer{background:#072f49;border-top-color:#0b7586}
.footer-links a,.footer-trust p{color:#e7f4f7}
/* Responsive fidelity: no text hidden beneath art, reachable controls, readable cards. */
@media(max-width:1020px){.hero-art{right:-9%;width:73%}.hero-copy{width:58%}.hero-proof b{font-size:11px}.pse-hero-words h1{font-size:52px}}
@media(max-width:850px){.psg-hero,.hero-shell{min-height:505px}.hero-art{width:75%;right:-20%}.hero-copy{width:69%}.hero-proof{flex-wrap:wrap}.hero-proof>span{flex:0 0 31%}}
@media(max-width:650px){
 .site-header .header-shell{min-height:63px}.pse-wordmark{font-size:18px}.pse-compass{width:37px;height:37px}
 .psg-hero,.hero-shell{min-height:620px}.hero-shell{padding:24px 16px 17px;align-items:flex-start}
 .hero-copy{width:100%;padding:5px 0}.psg-hero h1{font-size:clamp(39px,10vw,57px);max-width:460px}
 .hero-kicker{font-size:9px}.hero-copy p{font-size:17px;max-width:350px}
 .hero-proof{flex-wrap:wrap;gap:5px;max-width:100%;margin:10px 0 16px}
 .hero-proof>span{flex:1 1 30%;min-width:90px;padding:7px 5px}.hero-proof i{font-size:15px}.hero-proof b{font-size:10px}
 .hero-art{width:108%;height:41%;right:-5%;top:auto;bottom:0;background-position:center center;background-size:cover;
 mask-image:linear-gradient(180deg,transparent 0%,#000 25%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 25%)}
 .section-title-row h2{font-size:24px}.section-title-row>a{font-size:11px}
 .pick-grid,.pse-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .pick-card{padding:13px 8px;min-height:220px}.pick-brand h3{font-size:15px}.pick-card>p{font-size:12px}
 .pse-page-hero .pse-hero-grid{min-height:440px}.pse-hero-words{padding:28px 0 5px}
 .pse-hero-words h1{font-size:clamp(34px,9vw,47px)}.pse-hero-words p{font-size:15px}
 .pse-hero-illustration{height:215px;margin-right:-15px}.pse-hero-illustration img{mask-image:linear-gradient(to bottom,transparent,#000 22%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%)}
 .pse-filter-bar{padding:12px 10px}.pse-filter-bar label{width:100%}
 .pse-platform-card{min-height:220px;padding:15px 10px}.pse-platform-card h3{font-size:15px}
 .pse-review-hero-row{min-height:0}.pse-review-scenic{height:193px}
 .pse-guide-layout{gap:14px}.pse-guide-article{padding:19px}
 .site-footer .footer-shell{gap:22px;padding-top:29px}
}
@media(max-width:390px){.psg-hero,.hero-shell{min-height:635px}.hero-actions a{font-size:11px;padding:11px}.hero-proof>span{min-width:90px}.pick-grid,.pse-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.header-start:hover,.pse-btn:hover,.pick-button:hover,.hero-primary:hover{transform:none}}
.pse-category-clarifier{color:#55717e;font-size:14px;margin:0 0 20px;line-height:1.5}

/* v2.7: fix low-resolution illustration crops, hierarchy, legibility and old logo placeholders. */
:root{--wrap:1188px;--cream:#fffaf1;--paper:#fffefa;--navy:#092f47;--teal:#087f8c;--coral:#f84d60}
.site-header{background:#fffcf5}
.site-header .header-shell{min-height:59px;gap:14px}
.pse-wordmark{font-size:23px}
#main-navigation a{font-size:12px}
.header-start{padding:10px 14px}
/* The restored image contains no fragments of headline or card text. */
.psg-hero{min-height:440px;background:linear-gradient(90deg,#e8f6ef 0%,#d9f1f0 58%,#a7d9e5 100%)}
.hero-shell{min-height:440px;padding-top:28px;padding-bottom:24px}
.hero-art{top:0;right:0;width:59%;height:100%;background: url('assets/design/pse-home-clean.png') center 51% / cover no-repeat; opacity:1;pointer-events:none}
.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8f6ef 0%,#e8f6efb0 12%,#e8f6ef00 39%);pointer-events:none}
.hero-copy{max-width:605px;width:54%;padding:6px 0}
.psg-hero h1{font-size:clamp(43px,4.6vw,66px);line-height:1.05;letter-spacing:-.047em;margin-bottom:12px}
.hero-copy p{font-size:18px;line-height:1.42;max-width:380px;margin:12px 0}
.hero-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:630px;gap:5px;margin:14px 0 16px}
.hero-proof>span{background:#fcfff9d9;border:1px solid #d3e7df;min-width:0;padding:9px 6px;box-shadow:0 2px 6px #0a495812}
.hero-proof i{font-size:17px}.hero-proof b{font-size:10px;line-height:1.3}
.hero-kicker{letter-spacing:.12em;font-size:10px;margin:0 0 14px}
.hero-actions a{font-size:13px}
.top-picks{padding:23px 0 30px;background:#fff9ef}
.section-title-row{align-items:flex-end}
.section-title-row h2{font-size:27px;margin-bottom:3px}
.section-title-row p{font-size:13px;margin-bottom:0}
.pick-grid{gap:11px}
.pick-card{min-height:213px;padding:13px 10px 12px;border-radius:9px}
.pick-logo{height:57px}.pick-logo img{max-height:48px;max-width:122px}
.pick-brand{gap:3px}.pick-brand h3{font-size:16px}
.pick-card>p{font-size:12px;line-height:1.35;min-height:32px;margin:7px 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.pick-card .pick-button{padding:10px 12px;margin-top:auto;font-size:12px;min-height:38px}
.pick-bonus{margin:8px 0 0;font-size:11px}
.pse-editorial-wordmark{display:inline-flex;justify-content:center;align-items:center;color:#0a5268;line-height:1.1;font-weight:900;font-size:19px;letter-spacing:-.04em;text-align:center;overflow-wrap:anywhere;max-width:100%;padding:3px 6px}
.pick-logo .pse-editorial-wordmark{font-size:21px}
/* Compact, illustrated discovery headers like the ten-page reference. */
.pse-page-hero{background:linear-gradient(110deg,#e7f8f5 0%,#e7f8f3 42%,#afdce6 100%);border-bottom:3px solid #e9d2b0}
.pse-hero-grid{min-height:260px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:0}
.pse-hero-words{padding:22px 0 22px;max-width:550px}
.pse-hero-words h1{font-size:clamp(37px,4.3vw,54px);line-height:1.03;margin-bottom:14px;letter-spacing:-.055em}
.pse-hero-words p{font-size:15px;line-height:1.4;max-width:435px}
.pse-hero-illustration{height:260px;margin-right:0}
.pse-hero-illustration img{object-fit:cover;object-position:center center;mask-image:linear-gradient(90deg,transparent 0%,#000 21%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 21%)}
.pse-hero-about .pse-hero-illustration img,.pse-hero-contact .pse-hero-illustration img,.pse-hero-faq .pse-hero-illustration img{object-fit:cover;object-position:right center}
.pse-platform-card{min-height:222px;padding:17px 14px 14px;gap:3px}
.pse-platform-card .pse-platform-logo{height:52px}
.pse-platform-logo .pse-editorial-wordmark{font-size:21px}
.pse-platform-card h3{font-size:17px;margin:3px 0 7px}
.pse-platform-card p{font-size:12.5px;line-height:1.42;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;min-height:51px;margin:5px 0 15px}
.pse-platform-card .pse-btn{min-height:38px;margin-top:auto}
.pse-card-grid{gap:13px;padding-bottom:30px}
.pse-filter-bar{margin:14px 0 20px;min-height:55px}
.pse-comparison th{font-size:12px}.pse-comparison td{font-size:12px;line-height:1.4}
.pse-table-brand .pse-editorial-wordmark{font-size:12px;padding:0;max-width:108px}
.pse-about-benefits,.pse-about-disclosure{max-width:100%;}
.pse-about-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:25px 0}
.pse-about-benefits article{flex-direction:column;padding:16px;gap:8px}
.pse-about-benefits h2{font-size:16px}
.pse-about-disclosure{padding:21px 25px}
.pse-contact-content{min-height:240px}
.pse-faq-list{max-width:940px}
.pse-guide-card-grid{gap:13px}
/* Landscape hero images remain original pixel density; do not blow up narrow crops. */
.pse-review-scenic{object-fit:cover;object-position:right center}
.pse-guide-header-grid img{object-position:right center}
/* Integrated footer stays compact rather than taking over half the viewport. */
.site-footer .footer-shell{padding-top:26px;padding-bottom:13px;gap:22px}
.footer-links{gap:6px}
@media(max-width:1020px){.psg-hero h1{font-size:clamp(39px,5.4vw,54px)}.hero-copy{width:58%}.hero-art{width:58%}}
@media(max-width:850px){.pse-about-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{width:56%}.hero-copy{width:62%}}
@media(max-width:650px){
 .psg-hero{min-height:565px}.hero-shell{min-height:565px;padding:24px 15px 10px;align-items:flex-start}
 .hero-copy{width:100%}.hero-copy p{font-size:16px}.psg-hero h1{font-size:clamp(36px,9vw,51px);max-width:450px}
 .hero-proof{grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;margin:10px 0 12px}
 .hero-art{width:100%;height:43%;top:auto;left:0;right:0;bottom:0;background-position:center 48%;background-size:cover;mask-image:linear-gradient(180deg,transparent,#000 26%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 26%)}
 .hero-art:before{display:none}
 .hero-proof b{font-size:11px}
 .top-picks{padding:21px 0}.section-title-row h2{font-size:22px}
 .pick-grid,.pse-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pick-card{min-height:215px;padding:11px 8px}.pick-card>p{font-size:11px;min-height:30px}
 .pse-page-hero .pse-hero-grid{min-height:400px;grid-template-columns:1fr}
 .pse-hero-words{padding:24px 0 4px}.pse-hero-words h1{font-size:clamp(33px,8vw,44px)}
 .pse-hero-illustration{height:200px;min-height:200px;margin-right:-15px;overflow:hidden}
 .pse-hero-illustration img{mask-image:linear-gradient(180deg,transparent 0%,#000 23%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 23%)}
 .pse-about-benefits{grid-template-columns:1fr 1fr}.pse-about-benefits article{padding:13px}
 .pse-platform-card{padding:12px 8px;min-height:208px}.pse-platform-card p{font-size:11px;min-height:38px}
 .pse-editorial-wordmark,.pick-logo .pse-editorial-wordmark{font-size:16px}
}
@media(max-width:390px){.hero-copy p{font-size:15px}.hero-proof>span{padding:5px}.hero-actions a{padding:10px 12px}}

/* Neutral lettermarks identify platforms without inventing official logos. */
.pse-editorial-mark{display:inline-grid;place-items:center;width:48px;height:48px;flex:none;border-radius:13px;background:linear-gradient(135deg,#e2f4f2,#ffffff);color:#11758b;border:2px solid #a6d8d5;box-shadow:0 2px 5px #0c465516;font-size:24px;font-weight:900;line-height:1}
.pick-logo .pse-editorial-mark{width:44px;height:44px}.pse-table-brand .pse-editorial-mark{width:26px;height:26px;font-size:14px;border-radius:7px}