.yosh-portal-page{max-width:1240px}
.yosh-portal-page>.main-page-title{font-size:12px;color:#ef5260;letter-spacing:.16em;font-weight:900;margin:0 0 24px;text-transform:uppercase}
.ypp{font-family:inherit;color:#f5f5f7}
.ypp__eyebrow{display:block;font-size:12px;letter-spacing:.15em;color:#f45767;font-weight:850;line-height:1.5}
.ypp h2{color:#fff;line-height:1.11;letter-spacing:-.035em;font-size:clamp(29px,3.6vw,48px);font-weight:800;margin:17px 0 18px}
.ypp p{color:#c2c5ce;font-size:16px;line-height:1.7;margin:0}
.ypp__hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(28px,5vw,70px);margin-bottom:60px}
.ypp__hero-copy h2{font-size:clamp(40px,5.2vw,72px);margin:15px 0 23px}
.ypp__hero-copy h2 em{font-style:normal;color:#f04b5a}
.ypp__hero-copy>p{font-size:clamp(16px,1.5vw,19px)}
.ypp .ypp__small{font-size:14px;color:#8bd5ad;margin:22px 0}
.ypp__buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}
.ypp .ypp__btn{display:inline-flex;gap:12px;min-height:50px;align-items:center;justify-content:center;padding:13px 19px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:800}
.ypp__btn--primary{background:#e33444;color:#fff!important}
.ypp__btn--primary:hover{background:#f04958}
.ypp__btn--secondary{border:1px solid #888c95;background:transparent;color:#fff!important}
.ypp__image-frame{position:relative;display:block;overflow:hidden;border:1px solid #424651;border-radius:16px;background:#171920;box-shadow:0 20px 48px #0004;text-decoration:none!important}
.ypp__image-frame img{width:100%;height:auto;object-fit:contain;display:block}
.ypp__hero-shot{max-width:460px;margin:auto;width:100%}
.ypp__hero-shot img{width:100%;height:auto}
.ypp__divider{border-top:1px solid #393d45;border-bottom:1px solid #393d45;text-align:center;font-size:12px;color:#adb1bc;letter-spacing:.15em;padding:19px 12px;margin:50px 0}
.ypp__spotlight{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,5vw,75px);margin:75px 0 90px}
.ypp__spotlight-copy ul{margin:22px 0 0;padding-left:21px;list-style-type:disc}
.ypp__spotlight-copy li{color:#eeeef0;font-size:15px;margin-bottom:10px;line-height:1.55}
.ypp__spotlight--reverse{grid-template-columns:.94fr 1.06fr}
.ypp__tools,.ypp__fuel{border-top:1px solid #343840;padding-top:72px;margin-top:75px}
.ypp__section-lead{max-width:790px;margin:0 0 32px!important}
.ypp__tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.ypp__tool{background:#191b22;border:1px solid #383c45;border-radius:15px;padding:12px 12px 22px;min-width:0;display:flex;flex-direction:column}.ypp__tool .ypp__image-frame{flex:0 0 auto}.ypp__tool p{margin-top:0}
.ypp__tool .ypp__image-frame{box-shadow:none;border-radius:10px}

.ypp__tool h3,.ypp__fuel h3{font-size:19px;color:#fff;line-height:1.35;margin:16px 8px 8px}
.ypp__tool p{font-size:14px;line-height:1.6;margin:0 8px}
.ypp__fuel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ypp__fuel-grid img{width:100%;height:auto}
.ypp__fuel-grid>div h3{margin:15px 0}
.ypp__outro{background:linear-gradient(145deg,#24232b,#111217);border:1px solid #48404b;border-radius:19px;padding:clamp(25px,5vw,62px);margin:95px 0 50px;text-align:center}
.ypp__outro h2{max-width:790px;margin:16px auto}
.ypp__outro>p{max-width:760px;margin:0 auto}
.ypp__outro .ypp__buttons{justify-content:center}
.ypp__outro .ypp__fineprint{font-size:12px;color:#9b9ea9;margin-top:20px}
.ypp a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:850px){.ypp__hero,.ypp__spotlight,.ypp__spotlight--reverse{grid-template-columns:1fr}.ypp__hero-shot{max-width:500px}.ypp__spotlight--reverse>.ypp__spotlight-copy{grid-row:1}.ypp__spotlight--reverse>.ypp__image-frame{grid-row:2}.ypp__spotlight{margin:55px 0 65px}.ypp__tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:620px){.ypp__hero{margin-bottom:34px}.ypp__buttons{flex-direction:column}.ypp .ypp__btn{width:100%}.ypp__tool-grid,.ypp__fuel-grid{grid-template-columns:1fr}.ypp__divider{margin:34px 0}.ypp__tools,.ypp__fuel{margin-top:40px;padding-top:40px}.ypp__outro{margin:60px 0 25px}}
.ypp__image-frame{margin:0;width:100%;min-width:0;overflow:hidden}
.ypp__spotlight>.ypp__image-frame{width:100%;max-width:540px;justify-self:center}
.ypp__tool .ypp__image-frame,.ypp__fuel-grid .ypp__image-frame{box-shadow:none}
.ypp__tool img,.ypp__fuel-grid img{width:100%;height:auto;object-fit:contain}
.ypp h2[id]{scroll-margin-top:95px}