.goals-page { background:#080808; color:#f6f6f4; }
.goal-shell { width:min(1160px,calc(100% - 80px)); margin:0 auto; }
.goal-hero { min-height:500px; padding:148px clamp(22px,5vw,76px) 72px; display:grid; align-items:end; position:relative; overflow:hidden; border-bottom:1px solid var(--line); background:linear-gradient(120deg,rgba(8,8,8,.97),rgba(32,10,11,.88)),url('/pro-pounds-hero.webp') center/cover; }
.goal-hero::after { content:''; position:absolute; inset:auto 0 0; height:34%; background:linear-gradient(0deg,#080808,transparent); pointer-events:none; }
.goal-hero-copy { width:min(820px,100%); position:relative; z-index:1; }
.goal-hero h1,.goal-article-header h1 { margin:20px 0 18px; font-size:clamp(42px,6vw,82px); line-height:.95; font-weight:900; letter-spacing:0; }
.goal-hero p,.goal-article p,.goal-article li,.goal-disclaimer p,.goal-principles p { color:#b8b8be; font-size:14px; line-height:1.8; }
.goal-section { padding:78px 0; }
.goal-breadcrumb { margin-bottom:24px; display:flex; flex-wrap:wrap; gap:9px; align-items:center; color:#a7a7ad; font-size:11px; font-weight:800; text-transform:uppercase; }
.goal-breadcrumb a { color:#f6f6f4; }
.goal-breadcrumb a:focus-visible,.goal-card:focus-visible,.goal-related a:focus-visible,.goal-references a:focus-visible { outline:2px solid #c40404; outline-offset:4px; }
.goal-breadcrumb i { color:#c40404; font-style:normal; }
.goal-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.goal-card { min-height:228px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; gap:18px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#101012; transition:background .2s,border-color .2s,transform .2s; }
.goal-card:hover { background:#151517; border-color:rgba(196,4,4,.58); transform:translateY(-2px); }
.goal-card span,.goal-principles span,.goal-references h2 { color:#c40404; font-size:10px; font-weight:900; letter-spacing:1.4px; text-transform:uppercase; }
.goal-card strong { color:#fff; font-size:21px; line-height:1.18; }
.goal-card small { color:#f6f6f4; font-size:11px; font-weight:900; text-transform:uppercase; }
.goal-principles { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.goal-principles article { min-height:190px; padding:20px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#0e0e10; }
.goal-principles p { margin-top:12px; font-size:12px; }
.goal-disclaimer { margin-top:28px; padding:24px; border-left:3px solid #c40404; background:#101012; }
.goal-disclaimer strong { display:block; margin-bottom:8px; color:#fff; font-size:16px; }
.goal-article { padding:146px 0 84px; }
.goal-article-header { padding-bottom:42px; border-bottom:1px solid var(--line); }
.goal-article-header p { width:min(780px,100%); }
.goal-article section { padding:34px 0; border-bottom:1px solid var(--line); }
.goal-article h2 { margin-bottom:14px; color:#fff; font-size:28px; line-height:1.1; }
.goal-article ul { padding-left:18px; }
.goal-related { display:flex; flex-wrap:wrap; gap:10px; }
.goal-related a { min-height:42px; padding:0 14px; display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:4px; color:#f6f6f4; font-size:11px; font-weight:900; text-transform:uppercase; }
.goal-related a:hover { border-color:#c40404; }
.goal-references ul { display:grid; gap:10px; list-style:none; padding:0; }
.goal-references a { color:#dedee2; text-decoration:underline; text-decoration-color:rgba(196,4,4,.7); text-underline-offset:4px; }

@media (max-width:1024px) {
    .goal-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .goal-principles { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:768px) {
    .goal-shell { width:calc(100% - 32px); }
    .goal-hero { min-height:460px; padding:126px 18px 54px; }
    .goal-section { padding:58px 0; }
    .goal-card-grid,.goal-principles { grid-template-columns:1fr; }
    .goal-article { padding:126px 0 58px; }
}

@media (max-width:430px) {
    .goal-shell { width:calc(100% - 24px); }
    .goal-hero h1,.goal-article-header h1 { font-size:clamp(36px,11vw,48px); }
    .goal-hero p,.goal-article p,.goal-article li,.goal-disclaimer p,.goal-principles p { font-size:12px; }
    .goal-card { min-height:196px; padding:20px; }
}
