@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f0f2ef;color:#162b35;font-family:'Plus Jakarta Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}header{max-width:1320px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center}header img{width:145px}header a:last-child{font-size:13px;text-underline-offset:5px}main{max-width:1200px;margin:auto;padding:50px 5% 80px}.notice{font-size:12px;line-height:1.6;color:#6c7273;border-bottom:1px solid #ccd5d5;padding-bottom:20px;margin-bottom:40px}.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:600}h1{font-weight:500;font-size:clamp(38px,5.7vw,78px);line-height:1.07;letter-spacing:-.055em;margin:22px 0}.intro{font-size:17px;line-height:1.65;max-width:530px;color:#52616a}.hero-study{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.photo{width:100%;height:410px;object-fit:cover;border-radius:22px}.metric-panel{margin-top:50px;background:radial-gradient(at 95% 0%, rgba(51, 68, 75, 0.44), transparent 55%), linear-gradient(130deg, rgb(26, 37, 43), rgb(16, 24, 29));border:1px solid rgb(41,54,61);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);color:white;border-radius:24px;padding:36px 40px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:26px;align-items:center}.metric-panel strong{display:block;font-weight:500;font-size:clamp(45px,6vw,78px);letter-spacing:-.05em;line-height:1.1;margin:12px 0}.metric-panel p{font-size:12px;color:#b6cbd4;line-height:1.6;margin:0}.metric-panel .after{border-left:1px solid #ffffff30;padding-left:30px}.metric-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.story{padding-top:62px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.story article{border-top:1px solid #b7c5c8;padding-top:22px}.story span{font-size:11px;color:#68818c}h2{font-weight:500;font-size:23px;letter-spacing:-.03em;line-height:1.3}.story p{font-size:14px;line-height:1.8;color:#52616a}.context{margin:32px 0;font-size:11px;color:#64767e;line-height:1.7}.end{border-top:1px solid #bdcccf;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:65px;padding-top:35px}.end h2{font-size:30px;margin:0}.cta{display:inline-flex;background:linear-gradient(115deg,#1b3746,#245368);border:1px solid #678b99;border-radius:999px;color:#fff;padding:18px 25px;font-size:13px;text-decoration:none;white-space:nowrap}.cta:focus-visible,a:focus-visible{outline:2px solid #3786ac;outline-offset:5px}@media(max-width:700px){header{padding:24px 6%}header img{width:120px}main{padding:25px 6% 50px}.notice{margin-bottom:28px}.hero-study{grid-template-columns:1fr;gap:26px}h1{font-size:45px}.intro{font-size:15px}.photo{height:235px}.metric-panel{margin-top:28px;padding:26px 22px;grid-template-columns:1fr 1fr;gap:24px;border-radius:20px}.metric-panel>div:first-child{grid-column:1/-1;border-bottom:1px solid #ffffff30;padding-bottom:20px}.metric-panel strong{font-size:47px}.metric-panel>div:first-child strong{font-size:66px}.metric-panel .after{padding-left:20px}.story{padding-top:40px;grid-template-columns:1fr;gap:18px}.story h2{margin:10px 0}.story p{margin:0}.end{align-items:flex-start;flex-direction:column;margin-top:40px}.end h2{font-size:26px}}
@media(max-width:700px){main{display:flex;flex-direction:column}.notice{order:0}.hero-study{display:contents}.hero-study>div{order:1}.metric-panel{order:2}.hero-study>.photo{order:3;margin-top:28px}.context{order:4}.story{order:5}.end{order:6}}

/* Results first, with a compact reading group and space between chapters. */
main{padding-top:28px}.notice{padding-bottom:14px;margin-bottom:28px}.hero-study{gap:44px}.photo{height:340px}h1{margin:16px 0 18px;font-size:clamp(44px,5vw,68px);letter-spacing:-.05em}.result-headline{display:block;white-space:nowrap}.result-description{display:block;font-size:.59em;letter-spacing:-.035em;line-height:1.2;margin-top:12px}.intro{font-size:16px;line-height:1.65;margin:0;max-width:460px}.metric-panel{margin-top:30px;padding:28px 34px}.context{margin:18px 0 0}.story{padding-top:52px}.end{margin-top:52px;padding-top:28px}
@media(max-width:700px){main{padding-top:15px}.notice{font-size:11px;margin-bottom:24px;padding-bottom:12px}h1{font-size:clamp(37px,11vw,64px);margin:14px 0}.result-description{font-size:.65em;margin-top:9px}.intro{font-size:14px;line-height:1.65}.metric-panel{margin-top:22px;padding:22px;gap:18px}.metric-panel>div:first-child{padding-bottom:16px}.metric-panel>div:first-child strong{font-size:58px;margin:8px 0}.metric-panel strong{font-size:42px}.context{order:3;margin:14px 0 0}.hero-study>.photo{order:4;height:210px;margin-top:32px}.story{padding-top:38px}.end{margin-top:38px}}

.email-gallery{margin-top:68px;order:5}.email-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}.email-gallery-heading h2{font-size:clamp(28px,3.1vw,42px);line-height:1.16;margin:14px 0 0}.email-gallery-heading>p{max-width:300px;font-size:14px;line-height:1.7;color:#52616a;margin:0}.email-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.email-card{min-width:0}.email-preview{display:block;text-decoration:none;border-radius:16px}.email-frame{height:430px;overflow:hidden;position:relative;border-radius:16px;background:#fff;border:1px solid #ccd6d7;box-shadow:0 12px 28px #172f3b0b}.email-frame>img{display:block;width:100%;height:auto}.email-frame::after{content:'';position:absolute;bottom:0;left:0;right:0;height:95px;background:linear-gradient(transparent,#142d38b8);pointer-events:none}.email-open{position:absolute;z-index:1;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#f8faf8f5;border:1px solid #fff;border-radius:999px;color:#18323f;font-size:12px}.email-caption{padding:18px 3px 0}.email-caption>span{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#637983}.email-caption h3{font-size:18px;letter-spacing:-.025em;font-weight:500;margin:7px 0 0}.email-preview:hover .email-open{background:#f8faf8f5;color:#18323f;border-color:#fff}.email-lightbox{padding:0;border:1px solid #d1dada;border-radius:18px;width:min(900px,94vw);max-width:none;height:92dvh;max-height:none;background:#e7ece9;color:#17313e;overflow:hidden}.email-lightbox::backdrop{background:#0a171fbd;backdrop-filter:blur(5px)}.email-lightbox[open]{display:flex;flex-direction:column}.email-view-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;background:#f4f6f3;border-bottom:1px solid #d3dddc;flex-shrink:0}.email-view-bar h2{font-size:16px;margin:0}.email-close{font:inherit;font-size:13px;cursor:pointer;border:1px solid #bdcccf;border-radius:999px;padding:10px 15px;background:transparent;color:inherit}.email-close span{font-size:18px;margin-left:12px}.email-view-scroll{overflow:auto;overscroll-behavior:contain;flex:1;padding:24px;min-height:0}.email-view-image{display:block;width:100%;max-width:600px;height:auto;margin:0 auto;background:white;box-shadow:0 8px 25px #17313e15}.email-close:focus-visible{outline:2px solid #287ca3;outline-offset:3px}
@media(max-width:850px){.email-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-gallery-heading{display:block}.email-gallery-heading>p{margin-top:18px;max-width:440px}}
@media(max-width:500px){.email-gallery{margin-top:44px}.email-grid{grid-template-columns:1fr;gap:26px}.email-frame{height:440px}.email-gallery-heading h2{font-size:30px}.email-caption{padding-top:13px}.email-lightbox{width:96vw;height:94dvh;border-radius:12px}.email-view-bar{padding:12px}.email-view-scroll{padding:12px}.email-view-bar h2{font-size:14px}}

/* Match the main site surfaces and contact-button palette. */
body{background:#fff}.cta,.cta:hover{background:radial-gradient(ellipse at 12% 8%,#436e83a6,transparent 53%),radial-gradient(ellipse at 92% 100%,#245c769c,transparent 56%),linear-gradient(115deg,#1b3746,#18303d 50%,#21485c);border-color:#66889880;box-shadow:inset 0 1px 0 #b9d7e73d,inset 0 -1px 0 #05131e45,0 6px 16px #18303d18}
.email-open,.email-preview:hover .email-open{transition:none;animation:none}.email-close{display:grid;place-items:center;width:40px;height:40px;padding:0;flex-shrink:0;border-radius:50%;background:transparent;border:1px solid #17313e28}.email-close span{font-size:26px;line-height:1;margin:0}.result-headline{font-size:clamp(32px,4.1vw,59px)}
@media(max-width:700px){.result-headline{font-size:clamp(29px,8.9vw,55px)}}
