html,body{margin:0;padding:0}
button{cursor:pointer}
#site{--g:#123f33;--ink:#162b25;--mut:#63716b;--c:#ed6c60;--line:#e2e7e3;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.55;width:100%;overflow:hidden}
#site *{box-sizing:border-box}
#site a{color:inherit}
#site .wrap{max-width:1120px;margin:auto;padding:0 42px}
#site nav{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
#site .logo{font-size:27px;letter-spacing:-1.4px;font-weight:700;position:relative}
#site .logo span{font-weight:400}
#site .logo b{display:inline-flex;background:var(--c);color:white;width:17px;height:17px;border-radius:50%;font-size:11px;align-items:center;justify-content:center;vertical-align:top;margin:4px}
#site .links{display:flex;gap:26px;align-items:center;font-size:12px}
#site .links a{text-decoration:none}
#site .cta{display:inline-flex;align-items:center;gap:18px;background:var(--g);color:white;padding:13px 21px;text-decoration:none;font-size:13px;border:0;font-family:inherit}
#site .eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin:0 0 18px;color:var(--mut)}
#site .hero{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;padding:76px 0 82px;align-items:center}
#site h1{font-size:clamp(35px,4.7vw,59px);line-height:1.09;font-weight:500;letter-spacing:-2.5px;margin:0 0 25px}
#site h1 span{color:var(--g)}
#site .hero p{max-width:490px;color:var(--mut);font-size:16px;margin-bottom:27px}
#site .envelope-link{display:block;background:transparent;border:0;padding:32px 15px;width:100%;position:relative}
#site .env{height:168px;border:5px solid #94a39d;border-radius:15px;position:relative;background:#fff;overflow:hidden;transition:transform .3s}
#site .env:before{content:'';position:absolute;left:10%;top:-94px;width:80%;height:170px;border-right:5px solid #94a39d;border-bottom:5px solid #94a39d;transform:rotate(45deg);border-radius:15px}
#site .badge{position:absolute;right:0;top:12px;width:48px;height:48px;background:var(--c);color:white;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:transform .35s}
#site .envelope-link:hover .env{transform:rotate(-3deg)}
#site .envelope-link:hover .badge{transform:translate(3px,-5px)}
#site .story{border-top:1px solid var(--line);padding:60px 0 64px}
#site .section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
#site h2{font-size:37px;line-height:1.15;letter-spacing:-1.2px;font-weight:500;margin:0 0 14px}
#site .section-top p{max-width:330px;color:var(--mut);font-size:13px;margin:0 0 14px}
#site .story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:stretch}
#site .photo{position:relative;min-height:410px;background:#d3c9b8;overflow:hidden}
#site .photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
#site .photo-label{position:absolute;bottom:0;padding:25px;color:white;width:100%;background:linear-gradient(transparent,rgba(10,30,24,.85));font-size:23px;line-height:1.2;letter-spacing:-.4px;padding-top:80px}
#site .photo-label small{display:block;font-size:10px;letter-spacing:1.4px;margin-bottom:10px;text-transform:uppercase}
#site .inbox{border:1px solid var(--line);background:#fff;align-self:center;box-shadow:0 18px 45px #173a2810}
#site .inbox-head{padding:16px 20px;background:#f6f8f5;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--mut)}
#site details{border-bottom:1px solid var(--line)}
#site details:last-of-type{border:0}
#site summary{list-style:none;padding:20px;min-height:100px;position:relative;cursor:pointer}
#site summary::-webkit-details-marker{display:none}
#site summary:before{content:'';position:absolute;left:20px;top:27px;width:7px;height:7px;border-radius:50%;background:var(--c)}
#site summary .sender{display:flex;justify-content:space-between;margin-left:19px;font-size:10px;color:var(--mut);margin-bottom:7px}
#site summary strong{display:block;font-weight:500;font-size:14px;margin-left:19px;line-height:1.4}
#site summary .pre{display:block;margin:5px 0 0 19px;color:var(--mut);font-size:11px}
#site details[open] summary{background:#f3f7f3}
#site .email-body{padding:8px 39px 24px;font-size:13px;color:var(--mut)}
#site .draft{font-size:10px;color:var(--mut);margin:14px 0 0}
#site .connection{padding:15px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:55px}
#site .connection p{color:var(--mut);font-size:14px}
#site .pillars{display:flex;flex-direction:column}
#site .pillar{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:85px 1fr;gap:18px;font-size:13px}
#site .pillar b{font-weight:500}
#site .pillar span{color:var(--mut)}
#site .audience{padding-top:45px;padding-bottom:55px;background:#f5f7f3}
#site .audience p{max-width:640px;color:var(--mut);font-size:15px}
#site .audience-bottom{display:flex;gap:50px;margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}
#site .audience-bottom strong{font-weight:500;min-width:220px;font-size:20px;line-height:1.25}
#site .audience-bottom p{margin:0;font-size:13px}
#site .proof{background:var(--g);color:#fff;padding:60px 0}
#site .proof .eyebrow{color:#a9c2b8}
#site .proof p{color:#c4d5ce;font-size:13px;max-width:560px}
#site .charts{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px}
#site .chart{padding:23px 0;border-top:1px solid #ffffff40}
#site .channel-lead{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:30px 0}
#site .channel-lead h3{font-size:30px;line-height:1.15;letter-spacing:-.7px;max-width:280px}
#site .chart h3{font-size:16px;font-weight:500;margin:0 0 5px}
#site .chart .sub{font-size:11px;color:#b5ccc1;margin-bottom:19px}
#site .barrow{margin:14px 0}
#site .barlabel{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;gap:15px}
#site .track{height:11px;background:#ffffff18;width:100%}
#site .fill{height:100%;background:var(--c)}
#site .fill.secondary{background:#a6c2b6}
#site .ticks{display:flex;justify-content:space-between;font-size:10px;color:#b5ccc1;margin-top:10px}
#site .source{display:block;margin-top:17px;font-size:10px;line-height:1.5;color:#b5ccc1}
#site .proof-note{border-top:1px solid #ffffff40;padding-top:20px;margin-top:25px;font-size:11px;color:#b5ccc1}
#site .services{padding:65px 0}
#site .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
#site .service{border-top:1px solid var(--line);padding-top:18px}
#site .number{color:var(--c);font-size:12px}
#site .service h3{font-size:19px;font-weight:500;margin:15px 0 12px;line-height:1.2}
#site .service p{font-size:13px;color:var(--mut)}
#site .wider{margin-top:35px;background:#f4f6f2;padding:24px 28px;display:flex;gap:35px;align-items:center}
#site .wider h3{font-weight:500;font-size:19px;margin:0;min-width:210px}
#site .wider p{font-size:13px;color:var(--mut);margin:0}
#site .contact{border-top:1px solid var(--line);padding:55px 0;text-align:center}
#site .contact h2{font-size:43px}
#site .contact p{color:var(--mut);font-size:12px}
#site footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font-size:10px;color:var(--mut)}
#site .jumped .badge{transform:scale(.8);background:var(--g)}
#site .inbox.highlight{outline:2px solid var(--c);outline-offset:5px}
#site .contact-panel{margin:20px auto 0;padding:20px;max-width:440px;background:#f3f6f2;font-size:14px}
#site [hidden]{display:none!important}
@media(max-width:700px){
#site .wrap{padding:0 22px}
#site .links a:not(:last-child){display:none}
#site .links{gap:5px}
#site .hero{padding:48px 0;grid-template-columns:1fr;gap:10px}
#site h1{font-size:42px;letter-spacing:-1.7px}
#site .envelope-link{max-width:270px;margin:auto}
#site .section-top{display:block}
#site .story-grid,#site .connection,#site .charts{grid-template-columns:1fr}
#site .channel-lead{grid-template-columns:1fr;gap:10px}
#site .photo{min-height:390px}
#site h2{font-size:31px}
#site .connection{gap:20px}
#site .service-grid{grid-template-columns:1fr;gap:18px}
#site .audience-bottom{display:block}
#site .audience-bottom p{margin-top:15px}
#site .wider{display:block}
#site .wider h3{margin-bottom:12px}
#site .contact h2{font-size:34px}
#site .logo{font-size:24px}
}
@media(prefers-reduced-motion:reduce){
#site *{transition:none!important;scroll-behavior:auto!important}
}
/* Carousel refinement */
#site .charts{display:block;position:relative;margin-top:28px;touch-action:pan-y}
#site .chart{max-width:650px;margin:auto;min-height:375px;padding-top:26px}
#site .channel-lead{display:block;grid-column:auto}
#site .chart h3,#site .channel-lead h3{font-size:27px;line-height:1.18;letter-spacing:-.6px;max-width:600px;margin-bottom:10px}
#site .barrow{margin:22px 0}
#site .track{height:13px}
#site .barlabel{font-size:14px;line-height:1.3}
#site .barlabel b{white-space:nowrap}
#site .chart .sub{font-size:12px;margin-bottom:25px}
#site .source{font-size:11px;margin-top:12px}
#site .carousel-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:12px}
#site .carousel-nav>button{width:44px;height:44px;border:1px solid #ffffff40;background:transparent;color:#fff;font-size:20px}
#site .stat-dots{display:flex;gap:0}
#site .stat-dot{width:33px;height:44px;display:grid;place-items:center;border:0;background:transparent;padding:0}
#site .stat-dot span{width:7px;height:7px;background:#ffffff50;border-radius:50%;display:block;transition:width .2s}
#site .stat-dot[aria-pressed="true"] span{background:var(--c);width:21px;border-radius:8px}
#site .stat-status{text-align:center;font-size:11px;color:#bfd0c8;margin-top:10px}
#site .hero{position:relative}
#site .hero>div{position:relative;z-index:2}
@media(max-width:700px){
#site .hero{display:block;min-height:0;padding:55px 0 45px}
#site .hero h1{font-size:39px;letter-spacing:-1.7px;max-width:310px}
#site .hero>div{pointer-events:none}
#site .hero>div button{pointer-events:auto}
#site .hero p{font-size:15px;max-width:310px}
#site .envelope-link{position:absolute;right:-55px;top:76px;width:200px;height:170px;margin:0;z-index:1;transform:rotate(-12deg)}
#site .env{height:120px;opacity:.12;border-width:4px}
#site .env:before{border-width:4px}
#site .badge{right:10px;top:16px;width:28px;height:28px;font-size:15px;opacity:.5}
#site .chart{min-height:430px}
#site .chart h3{font-size:25px}
#site .carousel-nav{gap:8px}
#site .stat-dot{width:30px}
#site .barlabel{font-size:12px;gap:12px}
}
/* Final approved appearance */
#site{background:#fafbf9;--g:#214e34;--ink:#202b25;--mut:#69726d}
#site .wrap{max-width:1040px;padding-left:36px;padding-right:36px}
#site .hero{padding-top:85px;padding-bottom:80px}
#site nav{padding:26px 0}
#site .cta{border-radius:28px;padding:13px 23px}
#site .hero p{line-height:1.75}
#site .story{padding-top:55px;padding-bottom:60px}
#site .section-top{gap:30px;margin-bottom:34px}
#site .photo{border-radius:12px;min-height:405px}
#site .photo-label{font-size:22px;padding:55px 25px 25px}
#site .inbox{border-radius:12px;overflow:hidden;box-shadow:0 14px 45px #173a280b}
#site summary{padding:24px 20px;min-height:112px;background:#fff}
#site summary:before{top:31px}
#site summary strong{font-size:15px;font-weight:500;line-height:1.5}
#site summary .pre{font-size:12px;line-height:1.5}
#site summary .sender{font-size:11px}
#site .connection{padding-top:20px;padding-bottom:60px;gap:45px}
#site .audience{background:#f1f4ee;padding-top:45px;padding-bottom:45px}
#site .audience h2{font-size:33px}
#site .audience-bottom{gap:30px;margin-top:20px;padding-top:20px}
#site .proof{padding-top:55px;padding-bottom:45px}
#site .chart{border-top:0;padding-top:10px;min-height:320px}
#site .chart h3{font-size:25px}
#site .proof .eyebrow{margin-bottom:13px}
#site .evidence-source{border:0;background:transparent;margin-top:22px}
#site .evidence-source summary{color:#c7d9cf;background:transparent;padding:0;min-height:32px;font-size:11px;display:inline-flex;align-items:center}
#site .evidence-source summary:before{display:none}
#site .evidence-source[open] summary{background:transparent}
#site .source-content{padding:0 0 14px}
#site .source{margin:8px 0;line-height:1.65}
#site .carousel-nav{gap:10px}
#site .carousel-nav>button{border:0;opacity:.75}
#site .stat-status{display:none}
#site .proof-note{border:0;text-align:center;margin-top:22px;padding:0;font-size:10px}
#site .service h3{margin-top:4px}
#site .wider{border-radius:10px}
@media(max-width:700px){
#site .wrap{padding-left:22px;padding-right:22px}
#site .hero{padding:50px 0 45px}
#site .hero h1{font-size:38px;line-height:1.12}
#site .envelope-link{top:35px;right:-52px}
#site .badge{opacity:.55}
#site .section-top h2{font-size:31px}
#site .photo{min-height:350px}
#site .connection{padding-top:10px}
#site .audience h2{font-size:31px}
#site .chart{min-height:350px}
#site .chart h3{font-size:24px}
#site .proof-note{font-size:10px;line-height:1.6}
#site .stat-dot{width:29px}
}