.join-page{--join-green:#244f45;--join-green-dark:#132f29;--join-bronze:#b47c3a;--join-bg:#f7f5ef;--join-ink:#17211f;--join-muted:rgba(23,33,31,0.64);--join-border:rgba(36,79,69,0.15);min-height:70vh;padding:clamp(34px,5vw,76px) 20px clamp(64px,8vw,110px);background:var(--join-bg);color:var(--join-ink)}.join-container{width:min(1460px,100%);margin:0 auto}.join-kicker{margin:0 0 11px;color:var(--join-bronze);font-size:10px;font-weight:900;letter-spacing:0.16em;text-transform:uppercase}.join-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,0.54fr);align-items:end;gap:clamp(32px,6vw,92px);margin-bottom:28px;padding-bottom:clamp(24px,3vw,38px);border-bottom:1px solid var(--join-border)}.join-hero h1,.join-panel__head h2{margin:0;color:var(--join-green-dark);font-family:Nebulica,Georgia,serif;font-weight:400;line-height:1;text-wrap:balance}.join-hero h1{max-width:780px;font-size:clamp(44px,6vw,76px)}.join-hero__side{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 22px;align-items:center;padding-left:26px;border-left:1px solid rgba(180,124,58,0.52);color:var(--join-muted);font-size:14px;line-height:1.75}.join-hero__metric{display:grid;gap:2px;color:var(--join-green-dark)}.join-hero__metric span{display:block;font-family:Nebulica,Georgia,serif;font-size:clamp(52px,4.9vw,72px);font-weight:400;line-height:0.88;letter-spacing:0}.join-hero__metric strong{display:block;color:var(--join-green-dark);font-family:Nebulica,Georgia,serif;font-size:clamp(20px,1.7vw,26px);font-weight:900;letter-spacing:0;line-height:1;text-transform:lowercase}.join-hero__side p{margin:0;max-width:430px;color:rgba(23,33,31,0.82);font-size:clamp(14px,1.05vw,16px);line-height:1.56}.join-panel{display:grid;grid-template-columns:minmax(360px,0.68fr) minmax(0,1.32fr);overflow:hidden;border:1px solid var(--join-border);border-radius:14px;background:#fff;box-shadow:0 20px 54px rgba(19,47,41,0.09)}.join-panel__media{position:relative;min-height:620px;margin:0;overflow:hidden;background:var(--join-green-dark)}.join-panel__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.join-panel__media::after{position:absolute;inset:auto 0 0;height:38%;content:"";background:linear-gradient(180deg,transparent,rgba(8,28,23,0.82))}.join-panel__media figcaption{position:absolute;right:26px;bottom:24px;left:26px;z-index:1;color:rgba(255,255,255,0.82);font-size:12px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase}.join-panel__content{display:grid;align-content:center;gap:30px;padding:clamp(32px,5vw,62px)}.join-panel__head h2{max-width:720px;font-size:clamp(34px,4vw,52px)}.join-panel__head p{max-width:690px;margin:16px 0 0;color:var(--join-muted);font-size:14px;line-height:1.75}.join-steps{display:grid;margin:0;padding:0;border-top:1px solid var(--join-border);list-style:none}.join-steps li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--join-border)}.join-step__icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(36,79,69,0.16);border-radius:50%;color:var(--join-green);background:#edf4f2}.join-step__icon svg,.join-benefits svg,.join-button svg{width:20px;height:20px}.join-step__copy{color:var(--join-muted);font-size:13px;line-height:1.65}.join-step__copy strong{display:block;margin-bottom:3px;color:var(--join-green-dark);font-size:16px;font-weight:900}.join-benefits{padding-top:0}.join-benefits h3{margin:0 0 16px;color:var(--join-green-dark);font-family:Nebulica,Georgia,serif;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1}.join-benefits ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.join-benefits li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;min-height:50px;padding:0 16px;color:var(--join-green-dark);font-size:13px;line-height:1.35}.join-benefits li:first-child{padding-left:0}.join-benefits li + li{border-left:1px solid var(--join-border)}.join-benefits svg{width:22px;height:22px;color:var(--join-green)}.join-benefits span{display:grid;gap:2px;min-width:0;max-width:100%}.join-benefits strong{color:var(--join-green-dark);font-size:13px;font-weight:900;line-height:1.15;overflow-wrap:anywhere}.join-benefits small{color:var(--join-muted);font-size:11px;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.join-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}.join-button{min-width:min(100%,300px);min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;padding:0 30px;border:1px solid var(--join-green);border-radius:7px;color:#fff;background:var(--join-green);font-size:15px;font-weight:900;letter-spacing:0;text-transform:none;box-shadow:0 14px 24px rgba(36,79,69,0.16);transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.join-button:hover,.join-button:focus-visible{border-color:var(--join-green-dark);color:#fff;background:var(--join-green-dark);box-shadow:0 16px 30px rgba(19,47,41,0.24);transform:translateY(-2px)}.join-button:focus-visible{outline:2px solid rgba(36,79,69,0.28);outline-offset:3px}.join-actions p{margin:0;color:var(--join-muted);font-size:12px;line-height:1.5}@media (max-width:980px){.join-hero,.join-panel{grid-template-columns:1fr}.join-hero__side{grid-template-columns:minmax(110px,auto) minmax(0,1fr);padding-left:0;border-left:0}.join-panel__media{min-height:360px}.join-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.join-benefits li:nth-child(odd){padding-left:0;border-left:0}}@media (max-width:640px){.join-page{padding:28px 12px 58px}.join-hero{gap:20px;margin-bottom:20px}.join-hero h1{font-size:42px}.join-hero__side{grid-template-columns:1fr;gap:10px}.join-hero__metric span{font-size:52px}.join-hero__side p{max-width:100%}.join-panel{border-radius:12px}.join-panel__media{min-height:280px}.join-panel__content{gap:24px;padding:26px 18px 30px}.join-steps li{grid-template-columns:46px minmax(0,1fr);gap:14px;padding:17px 0}.join-step__icon{width:42px;height:42px}.join-button{width:100%;min-width:0}.join-benefits ul{grid-template-columns:1fr;gap:0;border-top:1px solid var(--join-border)}.join-benefits li,.join-benefits li:first-child,.join-benefits li:nth-child(odd){min-height:56px;padding:12px 0;border-left:0;border-bottom:1px solid var(--join-border)}}@media (prefers-reduced-motion:reduce){.join-page *,.join-page *::before,.join-page *::after{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important}}