.support-page.info-page{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:1440px;min-height:calc(100dvh - var(--nav-height));padding:clamp(20px,3vh,32px) clamp(20px,4vw,54px) 14px}
.support-intro{text-align:center}
.support-page .support-intro h1{margin:0;color:#f1f2f2;font:400 clamp(34px,3.6vw,50px)/1 var(--title);letter-spacing:.015em}
.support-intro h1 span{color:var(--accent)}
.support-page .support-intro h2{margin:14px 0 0;color:#f1f2f2;font:400 clamp(19px,2vw,26px)/1.1 var(--title);letter-spacing:.025em}
.support-intro p{max-width:680px;margin:13px auto 0;color:#aeb5bb;font:400 15px/1.5 Arial,Helvetica,sans-serif}
.support-intro p+p{margin-top:5px}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,1050px);margin:clamp(22px,4vh,38px) auto 0}
.support-card{display:flex;align-items:center;gap:22px;min-height:126px;box-sizing:border-box;padding:20px 23px;border:1px solid #303235;border-radius:8px;background:var(--surface-panel);transition:border-color .18s,background .18s,box-shadow .18s}
.support-card:hover{border-color:var(--accent);background:var(--surface-raised);box-shadow:0 0 15px rgb(var(--accent-rgb) / .13)}
.support-icon{flex:none;width:38px;height:38px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.support-card h2{margin:0 0 6px;color:#f1f2f2;font:400 24px/1 var(--title);letter-spacing:.035em}
.support-card p{margin:0;color:#aeb5bb;font:400 14px/1.45 Arial,Helvetica,sans-serif}
.support-card p+p{margin-top:6px}
.support-card .support-statement{color:#eef0f1;font-weight:700}
.support-finale{margin:clamp(22px,4vh,38px) auto 0;text-align:center}
.support-finale h2{margin:0;color:#f1f2f2;font:400 clamp(25px,2.7vw,35px)/1 var(--title);letter-spacing:.025em}
.support-finale p{max-width:590px;margin:9px auto 16px;color:#aeb5bb;font:400 14px/1.45 Arial,Helvetica,sans-serif}
.support-finale p+p{margin-top:-8px}
.support-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;box-sizing:border-box;padding:10px 24px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#08090a;text-decoration:none;font:700 12px/1 var(--mono);letter-spacing:.08em;transition:background .18s,border-color .18s,box-shadow .18s}
.support-cta:hover,.support-cta:focus-visible{background:var(--accent-tone-ff8730);border-color:var(--accent-tone-ff8730);box-shadow:0 0 14px rgb(var(--accent-rgb) / .25);outline:none}
.support-can{display:block;flex:none;width:13px;height:18px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.support-page .workspace-bottom{width:100%;flex:none;margin-top:auto;padding-top:clamp(18px,3vh,36px)}
@media (min-width:1181px){
 .support-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .support-grid>.support-card{grid-column:span 2}
 .support-intro p{max-width:850px;margin-top:8px}
 .support-intro p+p{margin-top:2px}
 .support-grid{width:min(100%,1100px);grid-auto-rows:1fr;column-gap:14px;row-gap:10px;margin-top:18px}
 .support-card{gap:18px;min-height:0;padding:17px 20px}
 .support-card>div{min-width:0}
 .support-card h2{margin-bottom:9px}
 .support-card .support-statement{color:#eef0f1;font-size:16px;font-weight:700;line-height:1.32}
 .support-card .support-explanation{margin-top:7px;color:#9fa8ae;font-size:13.5px;line-height:1.38}
 .support-finale{margin-top:19px}
 .support-finale h2{font-size:30px}
 .support-finale p{max-width:820px;margin:9px auto 13px}
 .support-can{width:17px;height:18px}
}
@media (min-width:641px) and (max-width:1180px){.support-grid{gap:11px}.support-card{min-height:112px;gap:16px;padding:16px 18px}.support-icon{width:32px;height:32px}.support-card h2{font-size:21px}}
@media (max-width:640px){
 .support-page.info-page{padding:20px 14px 12px}
 .support-page .support-intro h1{font-size:clamp(23px,6.3vw,27px)}
 .support-page .support-intro h2{font-size:19px;margin-top:11px}
 .support-intro p{margin-top:10px;font-size:13px}
 .support-grid{grid-template-columns:1fr;gap:9px;margin-top:20px}
 .support-card{min-height:81px;gap:14px;padding:13px 15px}
 .support-icon{width:30px;height:30px}
 .support-card h2{margin-bottom:4px;font-size:20px}
 .support-card p{font-size:12px;line-height:1.38}
 .support-finale{width:100%;margin-top:22px}
 .support-finale h2{font-size:25px}
 .support-finale p{font-size:12px}
 .support-cta{width:100%;min-height:42px}
}

.support-intro .support-cta{margin-top:14px}

@media(min-width:761px){
.support-page.info-page{height:calc(100dvh - var(--nav-height));min-height:620px;padding-top:18px;gap:12px}
.support-content{display:flex;flex:1;flex-direction:column;justify-content:center;gap:clamp(18px,3dvh,30px);min-height:0}
.support-content .support-grid{margin-top:0;gap:clamp(10px,1.7dvh,16px)}
.support-page .workspace-bottom{margin-top:0;padding-top:0}
}
.wardogs-ipad .support-page.info-page{min-height:580px}
.wardogs-ipad .support-content{display:flex;flex:1;flex-direction:column;justify-content:center;gap:20px}
.wardogs-ipad .support-content .support-grid{margin-top:0}

.support-grid>.support-customization-card{grid-column:1 / -1}
.support-rgb-icon{width:48px;height:48px;stroke-width:1.6;filter:drop-shadow(0 0 4px rgb(var(--accent-rgb) / .3))}
.support-rgb-icon circle{fill:rgb(var(--accent-rgb) / .12)}
.support-profile-link{display:inline-block;margin-top:7px;color:var(--accent);font:600 11px/1.4 var(--mono);text-decoration:none}
.support-profile-link:hover{text-decoration:underline}
@media(max-width:640px){.support-rgb-icon{width:36px;height:36px}}

/* Fit the extra benefit row above the shared footer. */
.support-card{padding:13px 18px;min-height:108px}
.support-card h2{margin-bottom:6px}
.support-card .support-explanation{margin-top:5px}
.support-rgb-icon{stroke:#aeb5bb;filter:none}
.support-rgb-icon circle.rgb-red{stroke:#ff3030;fill:#ff303055}
.support-rgb-icon circle.rgb-green{stroke:#39ff14;fill:#39ff1455}
.support-rgb-icon circle.rgb-blue{stroke:#3488ff;fill:#3488ff55}
@media(min-width:641px){
 .support-page.info-page{height:auto;min-height:calc(100dvh - var(--nav-height));padding-top:14px;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
 .support-content{flex:1 0 auto;gap:16px}
 .support-content .support-grid{gap:9px}
 .support-grid>.support-card{padding:12px 17px;min-height:0}
 .support-card h2{font-size:22px}
 .support-card .support-statement{font-size:14px}
 .support-card .support-explanation{font-size:13px;line-height:1.35}
 .wardogs-ipad .support-page.info-page{min-height:calc(100dvh - var(--nav-height));padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
 .wardogs-ipad .support-content{gap:14px}
}
@media(max-width:640px){.support-card{min-height:0;padding:11px 13px}}

.support-customization-card{justify-content:center;text-align:center}
.support-customization-card>div{flex:0 1 auto}
.support-actions{display:flex;justify-content:center;gap:12px;margin-top:14px}
.support-intro .support-actions .support-cta{position:relative;display:flex;flex-direction:column;gap:7px;margin:0;min-width:220px;padding:12px 25px}
.support-actions .support-cta small{font:400 9px/1.2 var(--mono);letter-spacing:.03em}
.support-actions .support-tip{background:var(--surface-panel);color:var(--text);border-color:var(--line)}
.support-actions .support-tip .support-can{position:absolute;right:10px;top:11px;color:var(--accent)}
.support-actions .support-tip:hover{border-color:var(--accent);background:var(--surface-raised)}
.support-benefits-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:11px;color:var(--accent);font:500 10px/1.3 var(--mono)}
.support-intro .support-membership-note{margin-top:7px;font-size:11px;line-height:1.3}
@media(max-width:640px){.support-actions{flex-direction:column;gap:8px}.support-intro .support-actions .support-cta{width:100%;min-width:0;padding:11px}.support-benefits-summary{font-size:9px;gap:5px 10px}}

/* Compact support narrative, fitted between the shared header and footer. */
.support-redesign.support-page.info-page{height:calc(100vh - var(--nav-height));height:calc(100dvh - var(--nav-height));min-height:0;padding:12px clamp(14px,3vw,42px) 10px;gap:8px}
.support-redesign .support-content{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:space-evenly;gap:clamp(6px,1.3dvh,14px);width:min(100%,1100px);margin:0 auto}
.support-redesign .support-intro h1{font-size:clamp(25px,3vw,38px);line-height:1.08}
.support-redesign .support-intro p{margin:6px auto 0;font-size:14px;line-height:1.3}
.support-redesign .support-section-title{margin:0 0 6px;text-align:center;color:var(--text);font:400 18px/1.1 var(--title);letter-spacing:.035em}
.support-redesign .support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;width:100%;margin:0}
.support-redesign .support-grid>.support-card{grid-column:auto;min-height:0;padding:10px 13px;gap:12px}
.support-redesign .support-icon{width:28px;height:28px}
.support-redesign .support-card>div{min-width:0}
.support-redesign .support-card h2{font-size:20px;margin:0 0 4px;line-height:1.1}
.support-redesign .support-card .support-statement{font-size:12px;line-height:1.25}
.support-redesign .support-card .support-explanation{font-size:12px;line-height:1.3;margin-top:4px}
.support-redesign .support-perks{text-align:center}
.support-redesign .support-perks>p{margin:0;color:#aeb5bb;font:400 12px/1.3 Arial,Helvetica,sans-serif}
.support-redesign .support-benefits-summary{margin-top:7px;gap:6px 16px;font-size:11px;line-height:1.25}
.support-redesign .support-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;width:min(100%,750px);margin:0 auto}
.support-redesign .support-cta{position:relative;display:flex;flex-direction:column;width:100%;min-height:44px;gap:5px;padding:10px 12px;font-size:12px;letter-spacing:.035em}
.support-redesign .support-membership-note{margin:5px 0 0;color:#aeb5bb;text-align:center;font:400 10px/1.25 Arial,Helvetica,sans-serif}
.support-redesign .support-customization-card{width:100%;min-height:0;padding:10px 14px;gap:12px}
.support-redesign .support-customization-card .support-rgb-icon{width:38px;height:38px}
.support-redesign .support-profile-link{margin-top:4px;font-size:11px}
.support-redesign .workspace-bottom{margin:0;padding:0;min-height:20px}
.wardogs-ipad .support-redesign.support-page.info-page{height:calc(100dvh - var(--nav-height));min-height:0;padding-top:10px;padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}
.wardogs-ipad .support-redesign .support-content{gap:8px}
@media(max-width:760px){
 .support-redesign.support-page.info-page{padding:8px 10px calc(6px + env(safe-area-inset-bottom,0px));gap:5px}
 .support-redesign .support-content{gap:6px;justify-content:space-evenly}
 .support-redesign .support-intro h1{font-size:clamp(21px,5.8vw,26px);line-height:1.04}
 .support-redesign .support-intro p{font-size:11px;margin-top:4px;line-height:1.25}
 .support-redesign .support-section-title{font-size:15px;margin-bottom:5px}
 .support-redesign .support-grid{gap:6px}
 .support-redesign .support-grid>.support-card{display:block;padding:7px 8px}
 .support-redesign .support-grid .support-icon{float:left;width:17px;height:17px;margin:0 5px 3px 0}
 .support-redesign .support-card h2{font-size:17px;margin-bottom:4px}
 .support-redesign .support-card .support-statement{font-size:10px;line-height:1.22;clear:both}
 .support-redesign .support-card .support-explanation{font-size:11px;line-height:1.23;margin-top:3px}
 .support-redesign .support-perks>p{font-size:11px;line-height:1.2}
 .support-redesign .support-benefits-summary{font-size:9px;gap:4px 9px;margin-top:5px}
 .support-redesign .support-actions{gap:6px}
 .support-redesign .support-cta{min-height:43px;padding:8px 5px;font-size:10px;gap:4px;letter-spacing:0}
 .support-redesign .support-cta small{font-size:8px;line-height:1.2;letter-spacing:0}
 .support-redesign .support-tip .support-can{display:none}
 .support-redesign .support-membership-note{font-size:9px;margin-top:4px}
 .support-redesign .support-customization-card{padding:7px 8px;gap:7px}
 .support-redesign .support-customization-card .support-rgb-icon{width:30px;height:30px}
 .support-redesign .support-customization-card h2{font-size:16px}
 .support-redesign .support-profile-link{font-size:10px;margin-top:3px}
}
@media(max-height:700px){
 .support-redesign .support-content{gap:5px}
 .support-redesign .support-grid>.support-card{padding-top:6px;padding-bottom:6px}
 .support-redesign .support-intro h1{font-size:clamp(20px,2.7vw,30px)}
 .support-redesign .support-customization-card{padding-top:6px;padding-bottom:6px}
}

/* Responsive finishing pass: preserve every section and both two-column grids. */
@media(min-width:1181px){
 .support-redesign.support-page.info-page{padding-top:9px}
 .support-redesign .support-intro p{margin-top:4px}
 .support-redesign .support-intro{margin-bottom:-5px}
}
@media(min-width:761px) and (max-width:1180px){
 .support-redesign .support-content{gap:7px}
 .support-redesign .support-grid{gap:7px}
}
@media(max-width:760px){
 .support-redesign .support-content{gap:5px;justify-content:center}
 .support-redesign .support-perks .support-section-title{font-size:16px;margin-bottom:4px}
 .support-redesign .support-benefits-summary{gap:3px 5px;margin-top:4px;font-size:10px;line-height:1.15}
 .support-redesign .support-benefits-summary>span{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border:1px solid #3b4044;border-radius:4px;background:var(--surface-panel);white-space:nowrap}
 .support-redesign .support-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .support-redesign .support-cta{min-height:38px;padding:6px 4px;gap:3px;font-size:11px;line-height:1.1}
 .support-redesign .support-cta small{font-size:8px;line-height:1.15}
 .support-redesign .support-membership-note{margin-top:3px;line-height:1.15}
 .support-redesign .support-customization-card{padding:5px 7px;gap:6px}
 .support-redesign .support-customization-card h2{font-size:15px;margin-bottom:3px}
 .support-redesign .support-customization-card .support-statement{font-size:10px;line-height:1.15}
 .support-redesign .support-customization-card .support-explanation{margin-top:2px;font-size:11px;line-height:1.15}
 .support-redesign .support-customization-card .support-rgb-icon{width:26px;height:26px}
 .support-redesign .support-profile-link{margin-top:2px;line-height:1.15}
}

/* SUPPORT stays in the masthead; the project statement lives in the page. */
.support-redesign .support-intro h2{margin:0;font:400 clamp(25px,3vw,38px)/1.1 var(--title);letter-spacing:.04em;color:var(--text)}
.support-redesign .support-reasons>.support-section-title{margin-bottom:12px}
@media(max-width:760px){
 html:not(.wardogs-ipad) .support-redesign.support-page.info-page{height:auto;min-height:calc(100dvh - var(--nav-height));padding:16px 12px 12px}
 html:not(.wardogs-ipad) .support-redesign .support-content{flex:1 0 auto;justify-content:flex-start;gap:16px}
 html:not(.wardogs-ipad) .support-redesign .support-intro{margin:0}
 html:not(.wardogs-ipad) .support-redesign .support-intro h2{font-size:clamp(21px,5.7vw,26px);line-height:1.12}
 html:not(.wardogs-ipad) .support-redesign .support-grid{grid-template-columns:1fr;gap:9px}
 html:not(.wardogs-ipad) .support-redesign .support-grid>.support-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 14px;gap:6px;text-align:center}
 html:not(.wardogs-ipad) .support-redesign .support-grid .support-icon{float:none;width:22px;height:22px;margin:0}
 html:not(.wardogs-ipad) .support-redesign .support-card h2{font-size:20px;margin-bottom:5px}
 html:not(.wardogs-ipad) .support-redesign .support-card .support-statement{font-size:12px;line-height:1.25}
 html:not(.wardogs-ipad) .support-redesign .support-card .support-explanation{font-size:12px;line-height:1.35;margin-top:5px}
 html:not(.wardogs-ipad) .support-redesign .support-benefits-summary{gap:6px;margin-top:8px}
 html:not(.wardogs-ipad) .support-redesign .support-benefits-summary>span{padding:5px 8px;font-size:11px}
 html:not(.wardogs-ipad) .support-redesign .support-perks>p{line-height:1.35;margin-top:5px}
 html:not(.wardogs-ipad) .support-redesign .workspace-bottom{margin-top:16px}
}

.support-redesign .support-perk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.support-redesign .support-perk-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 10px;min-width:0;border:1px solid #303235;border-radius:8px;background:var(--surface-panel);text-align:center}
.support-redesign .support-perk-card h3{margin:0;color:var(--accent);font:400 18px/1.1 var(--title)}
.support-redesign .support-perk-card p{margin:0;color:#aeb5bb;font:400 12px/1.25 var(--font)}
.support-redesign .support-perk-card .support-icon,.support-redesign .support-perk-avatar{width:32px;height:32px;object-fit:contain}
.support-redesign .support-perk-weapon{width:95px;height:32px;object-fit:contain}
@media(max-width:760px){
 .support-redesign .support-perk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .support-redesign .support-perk-card{padding:10px;gap:6px}
 .support-redesign .support-perk-card h3{font-size:18px}
}

/* All perk cards share the same icon, heading and description rows. */
.support-redesign .support-perk-grid{align-items:stretch;grid-auto-rows:1fr}
.support-redesign .support-perk-card{display:grid;grid-template-rows:32px 40px minmax(30px,1fr);align-items:center;justify-items:center;align-content:stretch;gap:5px}
.support-redesign .support-perk-card h3{display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;max-width:100%;text-align:center}
.support-redesign .support-perk-card p{align-self:start;width:100%;text-align:center}
.support-redesign .support-thanks{margin:0;text-align:center;color:var(--text);font:400 19px/1.2 var(--title);letter-spacing:.04em}
@media(max-width:760px){.support-redesign .support-thanks{font-size:18px;margin:0 0 6px}}

@media(min-width:761px){
 html:not(.wardogs-ipad) .support-redesign .support-thanks{align-self:center;width:100%;margin:0 auto;text-align:center;color:var(--text);font:400 clamp(24px,2vw,30px)/1.15 var(--title);letter-spacing:.065em}
}