:root{--navy:#12374b;--petrol:#16818a;--forest:#193f35;--rust:#bb5737;--muted:#5b707a;--line:#dce6e9}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--navy);font-family:'Segoe UI',Arial,sans-serif;line-height:1.6}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.previewbar{background:#eef5f6;font-size:12px;padding:7px 5%;display:flex;justify-content:space-between;gap:16px}.previewbar a{font-weight:600;text-underline-offset:3px}.header{max-width:1360px;margin:auto;padding:26px 42px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{width:230px;height:auto;display:block}.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.nav a{text-decoration:none;white-space:nowrap}.nav a.active{color:var(--petrol);border-bottom:2px solid var(--petrol);padding:9px 0}.nav .shop{background:var(--petrol);color:#fff;padding:10px 15px;text-align:center;font-size:12px;line-height:1.4}.wrap{max-width:1220px;margin:auto;padding:0 40px}.crumb{padding:21px 0;font-size:12px;color:var(--muted)}.crumb a{text-decoration:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:40px 0 65px}.eyebrow{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:2px;color:var(--petrol);margin:0 0 18px}h1{font-size:clamp(36px,4.4vw,59px);line-height:1.13;letter-spacing:-1.7px;font-weight:650;margin:0 0 24px}h1 em{color:var(--petrol);font-style:normal}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:610px;margin:0 0 28px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:49px;padding:12px 21px;border:1px solid var(--petrol);border-radius:4px;background:var(--petrol);color:#fff;text-decoration:none;font-size:14px;font-weight:650}.btn.secondary{background:#fff;color:var(--navy);border-color:var(--line)}.btn.forest{background:var(--forest);border-color:var(--forest)}.btn:hover{filter:brightness(.94)}.brandcard{border:1px solid #dbe5df;background:#f5f8f5;position:relative;border-radius:6px;overflow:hidden}.brandcard::before{content:'';display:block;height:5px;background:var(--rust)}.yhlogo{padding:38px 28px 24px;background:#fff}.yhlogo img{width:100%;height:auto;display:block}.brandbody{padding:24px 30px 29px}.brandbody .label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--forest)}.brandbody h2{font-size:25px;line-height:1.3;margin:12px 0;color:var(--forest)}.route{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--forest);margin-top:22px}.route span:nth-child(2){height:1px;background:#aebfb5;flex:1;position:relative}.route span:nth-child(2)::after{content:'›';position:absolute;right:0;top:-15px;font-size:21px}.ribbon{background:var(--navy);color:#fff}.ribbon .wrap{padding-top:22px;padding-bottom:22px;display:flex;gap:32px;justify-content:space-between;font-size:14px}.ribbon strong{font-weight:650}.section{padding:65px 0}.section h2{font-size:34px;line-height:1.25;font-weight:650;letter-spacing:-.8px;margin:0 0 18px}.section-intro{max-width:650px;color:var(--muted);margin:0 0 30px}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:25px}.audience{border:1px solid var(--line);border-radius:6px;padding:30px 32px}.audience .num{font-size:12px;letter-spacing:2px;color:var(--petrol);font-weight:700}.audience h3{font-size:24px;line-height:1.3;margin:15px 0}.audience p{color:var(--muted);margin:0 0 20px}.audience a{font-weight:650;font-size:14px;color:var(--petrol);text-underline-offset:5px}.pale{background:#f5f8f9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.step{border-top:2px solid #b2cdd0;padding-top:20px}.step b{font-size:12px;color:var(--petrol);letter-spacing:1px}.step h3{font-size:19px;margin:11px 0}.step p{font-size:15px;color:var(--muted);margin:0}.cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;border-left:4px solid var(--rust);background:#f5f8f5;padding:38px}.cta h2{font-size:28px;margin:0 0 12px;color:var(--forest)}.cta p{color:var(--muted);margin:0;max-width:660px}.footer{border-top:1px solid var(--line);padding:30px 0;font-size:12px;color:var(--muted)}.footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer a{text-underline-offset:3px}.homehero{padding:0 32px;max-width:1440px;margin:auto}.homehero img{width:100%;display:block}.hometeaser{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;align-items:center;padding:40px;background:#f5f8f5;border-left:4px solid var(--rust);border-radius:4px}.hometeaser img{width:100%;display:block}.hometeaser h2{font-size:32px;margin:0 0 15px}.hometeaser p{color:var(--muted);margin:0 0 20px}.homeintro{max-width:750px;margin:55px 0}.homeintro h1{font-size:37px}.homeintro p{color:var(--muted)}@media(max-width:1050px){.header{padding:22px 28px;flex-wrap:wrap;gap:20px}.nav{gap:20px;flex-wrap:wrap}.hero{gap:30px}.wrap{padding:0 28px}.cta{grid-template-columns:1fr}}@media(max-width:650px){.header{padding:22px}.brand{width:205px}.nav{font-size:12px;gap:10px 18px}.nav .shop{display:none}.previewbar{font-size:11px;padding:7px 22px;flex-wrap:wrap;gap:3px}.wrap{padding:0 22px}.crumb{padding:20px 0 8px}.hero{grid-template-columns:1fr;padding:30px 0 40px;gap:32px}h1{font-size:40px}.lead{font-size:16px}.yhlogo{padding:28px 24px 17px}.brandbody{padding:20px 25px}.ribbon .wrap{display:grid;gap:9px;padding-top:22px;padding-bottom:22px}.section{padding:44px 0}.section h2{font-size:28px}.audiences,.steps{grid-template-columns:1fr}.audience{padding:26px}.steps{gap:25px}.cta{padding:25px}.cta h2{font-size:26px}.btn{font-size:13px;padding:12px 16px}.homehero{padding:0 12px}.hometeaser{grid-template-columns:1fr;gap:25px;padding:26px}.hometeaser img{max-width:300px}.homeintro{margin:35px 0}.homeintro h1{font-size:30px}}

.header .brand{width:260px;height:auto}.header{gap:24px}.footer a{text-decoration:underline}section[id]{scroll-margin-top:24px}@media(max-width:600px){.header .brand{width:210px}.header{padding:20px 22px;align-items:flex-start}.nav{font-size:13px}.hero h1{font-size:38px}.footer .wrap{display:grid;gap:16px}.cta{overflow-wrap:anywhere}}