/* FlaroCity focused UI repair v3 — verified 8px rhythm, scoped to affected pages only. */
:root{--ui8:8px;--ui16:16px;--ui24:24px;--ui32:32px;--ui40:40px;--ui48:48px;--ui64:64px}

/* Server pages */
.servers-page .ark-hero{min-height:clamp(520px,34vw,640px)}
.servers-page .ark-hero>img{object-position:center 38%}
.server-pages-centered .ark-grid{gap:var(--ui24)}
.server-pages-centered .ark-grid>.glass-panel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--ui8);padding:var(--ui32)}
.server-pages-centered .ark-grid>.glass-panel h2,.server-pages-centered .ark-grid>.glass-panel p{margin-inline:auto;text-align:center}
.server-pages-centered .server-connect dl{width:100%;max-width:620px}
.server-rules-page .rules-grid{gap:var(--ui16)}
.server-rules-page .rules-grid .repair-card{display:flex;min-height:224px;flex-direction:column;align-items:center;justify-content:center;padding:var(--ui24);text-align:center}
.server-rules-page .rules-grid .repair-card h2{margin:var(--ui16) 0 var(--ui8)}
.server-rules-page .rules-grid .repair-card p{max-width:34ch;margin:0 auto}
.server-rules-page .rules-grid .repair-card>span{display:block;width:100%;margin-inline:auto;text-align:center}

/* Palworld hero particles, independent of the global ambient canvas. */
.palworld-hero{isolation:isolate}
.palworld-hero>img{z-index:0}
.palworld-hero::after{z-index:1}
.palworld-hero .ark-overlay{z-index:3}
.palworld-particles{position:absolute;z-index:2;top:12%;left:7%;width:3px;height:3px;border-radius:50%;pointer-events:none;background:#8beaff;box-shadow:90px 34px #d483ff,190px 94px #69e4ff,310px 28px #ff83d0,430px 120px #ffe18a,540px 62px #8fe8ff,665px 150px #c88aff,790px 42px #ff74c4,920px 112px #73e6ff,1050px 28px #ffd77b,1180px 164px #b582ff,1300px 78px #6ceaff,1400px 190px #ff82c7,120px 260px #66ddff,265px 330px #ba79ff,420px 244px #ffd47a,585px 350px #ff7fc9,740px 270px #70e7ff,910px 360px #c17fff,1080px 250px #ff80cb,1260px 340px #6fe8ff;filter:drop-shadow(0 0 5px currentColor);opacity:.85;animation:palworld-drift 12s ease-in-out infinite alternate}
.palworld-particles-b{top:24%;left:2%;transform:scale(.7);opacity:.55;animation-duration:17s;animation-direction:alternate-reverse}
@keyframes palworld-drift{from{translate:0 0}to{translate:18px -14px}}
@media(prefers-reduced-motion:reduce){.palworld-particles{animation:none}}

/* Service pages: centered copy and controls. */
.service-page .page-hero{text-align:center}
.service-page .content-section .glass-panel,.service-page .repair-card,.service-page .portfolio-card{text-align:center}
.service-page .split-content{gap:var(--ui24)}
.service-page .glass-panel{display:flex;flex-direction:column;align-items:center;padding:var(--ui32)}
.service-page .glass-panel>p{max-width:66ch;margin-inline:auto}
.service-page .credentials .button{align-self:center}
.service-page .neon-list{display:grid;justify-items:center}
.service-page .neon-list li{display:flex;width:fit-content;max-width:100%;align-items:flex-start;justify-content:center;gap:var(--ui8);padding:6px 0;text-align:center}
.service-page .neon-list li::before{position:static;flex:0 0 7px;margin-top:7px}
.service-repair-page .repair-grid,.service-portfolio-page .portfolio-grid{gap:var(--ui16)}
.service-repair-page .repair-card{display:flex;min-height:224px;flex-direction:column;align-items:center;justify-content:center;padding:var(--ui24)}
.service-portfolio-page .portfolio-card{display:flex;min-height:232px;flex-direction:column;align-items:center;justify-content:center;padding:var(--ui24)}
.service-portfolio-page .portfolio-card h2{margin:var(--ui16) 0 var(--ui8)}
.service-portfolio-page .portfolio-card>*{margin-inline:auto}

/* Account Hub: shared header/footer and predictable vertical spacing on every route. */
body.account-page{display:flex;min-height:100vh;flex-direction:column}
body.account-page>main{display:block;flex:1 0 auto;width:100%}
.account-header-row{min-height:80px;gap:var(--ui24)}
.account-hero{padding:80px 0 64px}
.account-hero-grid{gap:var(--ui48)}
.account-section{padding:56px 0}
.account-section-head{margin-bottom:var(--ui32)}
.account-three-grid,.account-service-grid,.account-stat-grid,.account-dashboard-grid,.account-detail-grid{gap:var(--ui16)}
.account-three-grid article,.account-panel,.account-service-card,.account-stat-grid article{padding:var(--ui24)}
.account-auth{min-height:0;padding:64px 20px 48px;place-items:start center}
.account-auth-card{gap:var(--ui16);padding:var(--ui32)}
.account-footer{flex:0 0 auto;margin-top:auto;padding:40px 0 16px}
.account-footer-grid{gap:var(--ui32)}
.account-footer-bottom{margin-top:var(--ui24);padding-top:var(--ui24)}
@media(max-width:900px){.account-header-row{gap:var(--ui16)}.account-footer-grid{gap:var(--ui24)}}
@media(max-width:620px){.account-hero{padding:56px 0 40px}.account-section{padding:40px 0}.account-auth{padding:40px 12px 32px}.account-auth-card{padding:var(--ui24)}}

/* HouseCat: restore the intended 8px-based page rhythm. */
.housecat-page .hc-hero{padding:64px 0 48px}
.housecat-page .hc-hero-grid{gap:var(--ui48)}
.housecat-page .hc-section{padding:48px 0}
.housecat-page .hc-page-hero{padding:64px 0 48px}
.housecat-page .hc-page-hero .shell{max-width:980px;text-align:center}
.housecat-page .hc-page-hero h1{margin:var(--ui16) 0}
.housecat-page .hc-page-hero>div>p:last-child{max-width:760px;margin:0 auto}
.housecat-page .hc-heading{margin-bottom:var(--ui24)}
.housecat-page .hc-mode-grid,.housecat-page .hc-policy-grid,.housecat-page .hc-compare-grid{gap:var(--ui16)}
.housecat-page .hc-feature-grid,.housecat-page .hc-support-grid{gap:var(--ui16)}
.housecat-page .hc-feature-list{display:grid;gap:var(--ui16)}
.housecat-page .hc-feature-list article{padding:var(--ui24);gap:var(--ui24)}
.housecat-page .hc-pricing-grid{gap:var(--ui24)}
.housecat-page .hc-pricing-card{padding:var(--ui32)}
.housecat-page .hc-plan-notice{margin-bottom:var(--ui24)}
.housecat-page .hc-contact-panel{margin-top:var(--ui24);padding:var(--ui24)}
.housecat-page .hc-privacy-banner{gap:var(--ui24);padding:var(--ui24)}
.housecat-page .site-footer{margin-top:0}
.housecat-page .footer-grid{gap:var(--ui24)}
.housecat-page .footer-bottom{margin-top:var(--ui24);padding-top:var(--ui16)}
.housecat-privacy-page .hc-policy-grid article{text-align:center}
.housecat-privacy-page .hc-policy-grid article p{max-width:64ch;margin-inline:auto}
@media(max-width:760px){.housecat-page .hc-hero{padding:48px 0 32px}.housecat-page .hc-section{padding:40px 0}.housecat-page .hc-page-hero{padding:48px 0 32px}.housecat-page .hc-hero-grid{gap:var(--ui32)}}

/* KittyCats: stable 1240px content width, readable cards, one clean 8px rhythm. */
.kittycats-page .shell{width:min(1240px,calc(100% - 48px))}
.kittycats-page .kc-subnav{top:72px}
.kittycats-page .kc-subnav-inner{min-height:56px;gap:var(--ui8)}
.kittycats-page .kc-subnav a{padding:10px 14px}
.kittycats-page .kc-hero-grid{min-height:560px;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:var(--ui40);padding-block:var(--ui48)}
.kittycats-page .kc-hero-copy h1{margin:var(--ui8) 0 var(--ui16)}
.kittycats-page .kc-actions{gap:var(--ui8);margin-top:var(--ui24)}
.kittycats-page .kc-hero-metrics{margin-top:var(--ui24)}
.kittycats-page .kc-hero-art{min-height:0}
.kittycats-page .kc-hero-art>img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:var(--ui24)}
.kittycats-page .kc-section,.kittycats-page .content-section{padding:var(--ui48) 0}
.kittycats-page .kc-section-tight{padding-top:var(--ui40)}
.kittycats-page .kc-section-heading{gap:var(--ui24);margin-bottom:var(--ui24)}
.kittycats-page .kc-tool-grid,.kittycats-page .kc-market-tools-grid,.kittycats-page .kc-plan-grid{gap:var(--ui16)}
.kittycats-page .kc-tool-card,.kittycats-page .kc-plan-card{padding:var(--ui24)}
.kittycats-page .kc-evidence-grid{gap:var(--ui32)}
.kittycats-page .kc-evidence-list{gap:var(--ui8);margin-top:var(--ui24)}
.kittycats-page .kc-filter-bar{gap:var(--ui8);padding:var(--ui16)}
.kittycats-page .site-footer .shell{width:min(1240px,calc(100% - 48px))}
@media(max-width:980px){.kittycats-page .shell,.kittycats-page .site-footer .shell{width:min(100% - 32px,1240px)}.kittycats-page .kc-hero-grid{min-height:0;grid-template-columns:1fr;gap:var(--ui32);padding-block:var(--ui40)}.kittycats-page .kc-hero-art{max-width:820px;margin-inline:auto}}
@media(max-width:620px){.kittycats-page .shell,.kittycats-page .site-footer .shell{width:min(100% - 24px,1240px)}.kittycats-page .kc-section,.kittycats-page .content-section{padding:var(--ui40) 0}.kittycats-page .kc-hero-grid{padding-block:var(--ui32)}}

/* 2026-07-16 v4: match the live homepage's measured 8px rhythm. */

/* Account Hub: the shared menu and footer remain visible, compact, and identical on home/auth pages. */
body.account-page>main{position:relative;z-index:1;flex:0 0 auto}
.account-shell{width:min(calc(100% - 48px),var(--shell))}
.account-header-row{min-height:68px;gap:20px}
.account-nav,.account-header-actions,.account-actions{gap:var(--ui8)}
.account-hero{padding:18px 0 var(--ui8)}
.account-hero-grid{gap:clamp(20px,2.2vw,48px)}
.account-hero h1{margin:0 0 var(--ui8)}
.account-hero p{margin:0 0 var(--ui8)}
.account-hub-preview{padding:12px 16px;border-radius:20px}
.account-hub-preview article{gap:var(--ui8);margin:var(--ui8) 0;padding:12px 16px}
.account-section{padding:var(--ui8) 0}
.account-section-head{margin:0 auto var(--ui8)}
.account-section-head h2{margin:0 0 var(--ui8)}
.account-three-grid,.account-service-grid,.account-stat-grid,.account-dashboard-grid,.account-detail-grid{gap:var(--ui8)}
.account-three-grid article,.account-panel,.account-service-card,.account-stat-grid article{padding:12px 16px}
.account-auth{min-height:0;padding:18px 0 var(--ui8);place-items:start center}
.account-auth-card{gap:var(--ui8);padding:12px 16px}
.account-auth-card h1{margin:0 0 var(--ui8)}
.account-auth-card label{gap:var(--ui8)}
.account-auth-card input{padding:12px 16px}
.account-footer{position:relative;z-index:5;display:block!important;flex:0 0 auto;margin-top:var(--ui8);padding:var(--ui8) 0 6px;background:#070512;visibility:visible!important;opacity:1!important;isolation:isolate}
.account-footer-grid{gap:4px 32px}
.account-footer img{width:90px}
.account-footer p{margin:var(--ui8) 0 0}
.account-footer h2{margin:0 0 var(--ui8)}
.account-footer a{margin:var(--ui8) 0}
.account-footer-bottom{margin-top:6px;padding-top:6px}
@media(min-width:981px){.account-shell{width:min(94vw,2400px)}}
@media(max-width:980px){.account-shell{width:min(calc(100% - 36px),var(--shell))}}
@media(max-width:720px){.account-shell{width:min(calc(100% - 24px),var(--shell))}.account-header-row{gap:var(--ui8)}.account-hero{padding:var(--ui8) 0}.account-auth{padding:var(--ui8) 12px}.account-auth-card{padding:12px 16px}.account-footer-grid{gap:var(--ui8)}}
@media(max-width:390px){.account-shell{width:min(calc(100% - 20px),var(--shell))}.account-auth{padding-inline:10px}}

/* HouseCat public pages: homepage-sized shells with homepage section, grid, and card spacing. */
.housecat-home-page .hc-hero,.housecat-features-page .hc-page-hero,.housecat-pricing-page .hc-page-hero,.housecat-privacy-page .hc-page-hero,.housecat-support-page .hc-page-hero{padding:18px 0 var(--ui8)}
.housecat-home-page .hc-section,.housecat-features-page .hc-section,.housecat-pricing-page .hc-section,.housecat-privacy-page .hc-section,.housecat-support-page .hc-section{padding:var(--ui8) 0}
.housecat-home-page .hc-hero-grid{gap:clamp(20px,2.2vw,48px)}
.housecat-page .hc-title-logo{margin:0 0 var(--ui8)}
.housecat-page .hc-hero h1,.housecat-page .hc-page-hero h1{margin:0 0 var(--ui8)}
.housecat-page .hc-hero-copy>p:not(.eyebrow),.housecat-page .hc-page-hero p{margin:0 0 var(--ui8)}
.housecat-page .hc-actions{gap:var(--ui8);margin-top:16px}
.housecat-page .hc-release{gap:var(--ui8);margin-top:var(--ui8)}
.housecat-page .hc-heading,.housecat-page .hc-heading.centered{margin:0 auto var(--ui8)}
.housecat-page .hc-heading h2,.housecat-page .hc-heading p{margin-bottom:var(--ui8)}
.housecat-page .hc-mode-grid,.housecat-page .hc-feature-grid,.housecat-page .hc-feature-list,.housecat-page .hc-pricing-grid,.housecat-page .hc-compare-grid,.housecat-page .hc-policy-grid,.housecat-page .hc-support-grid{gap:var(--ui8)}
.housecat-page .hc-mode-card,.housecat-page .hc-feature-grid article,.housecat-page .hc-feature-list article,.housecat-page .hc-pricing-card,.housecat-page .hc-compare-grid article,.housecat-page .hc-policy-grid article,.housecat-page .hc-support-grid article{gap:var(--ui8);padding:12px 16px}
.housecat-page .hc-mode-card h3,.housecat-page .hc-feature-grid h3,.housecat-page .hc-feature-list h2,.housecat-page .hc-support-grid h2,.housecat-page .hc-policy-grid h2{margin:0 0 var(--ui8)}
.housecat-page .hc-mode-card p,.housecat-page .hc-feature-grid p,.housecat-page .hc-feature-list p,.housecat-page .hc-support-grid p,.housecat-page .hc-policy-grid p{margin:0 0 var(--ui8)}
.housecat-page .hc-price-strip{gap:var(--ui8);padding:12px 16px}
.housecat-page .hc-price-strip-values{gap:var(--ui8)}
.housecat-page .hc-price-strip-values span{padding:var(--ui8)}
.housecat-page .hc-privacy-banner{gap:var(--ui8);padding:12px 16px}
.housecat-page .hc-plan-notice{gap:var(--ui8);margin-bottom:var(--ui8);padding:12px 16px}
.housecat-page .hc-centered-action{margin-top:var(--ui8)}
.housecat-page .hc-plan-table{margin-top:var(--ui8)}
.housecat-page .hc-plan-row{padding:var(--ui8)}
.housecat-page .hc-contact-panel{gap:var(--ui8);margin-top:var(--ui8);padding:12px 16px}
.housecat-page .site-footer{padding:var(--ui8) 0 6px}
.housecat-page .footer-grid{gap:4px 32px}
.housecat-page .footer-bottom{margin-top:6px;padding-top:6px}
@media(max-width:760px){.housecat-home-page .hc-hero,.housecat-features-page .hc-page-hero,.housecat-pricing-page .hc-page-hero,.housecat-privacy-page .hc-page-hero,.housecat-support-page .hc-page-hero{padding:var(--ui8) 0}.housecat-home-page .hc-section,.housecat-features-page .hc-section,.housecat-pricing-page .hc-section,.housecat-privacy-page .hc-section,.housecat-support-page .hc-section{padding:var(--ui8) 0}.housecat-page .hc-hero-grid{gap:var(--ui8)}}

/* Web Design: copy the homepage's compact sections, 8px grid gap, and 12px/16px cards. */
.service-web-design-page .page-hero{padding:18px 0 var(--ui8)}
.service-web-design-page .content-section{padding:var(--ui8) 0}
.service-web-design-page .split-content{gap:var(--ui8)}
.service-web-design-page .glass-panel{padding:12px 16px}
.service-web-design-page .glass-panel h2{margin:0 0 var(--ui8)}
.service-web-design-page .glass-panel>p{margin:0 auto var(--ui8)}
.service-web-design-page .neon-list{gap:var(--ui8);margin:var(--ui8) 0 0}
.service-web-design-page .neon-list li{gap:var(--ui8);padding:4px 0}
.service-web-design-page .credentials .button{margin-top:var(--ui8)}

/* KittyCats: use the exact homepage responsive shell width. */
@media(min-width:981px){.kittycats-page .shell,.kittycats-page .site-footer .shell{width:min(94vw,2400px)}}
@media(max-width:980px){.kittycats-page .shell,.kittycats-page .site-footer .shell{width:min(calc(100% - 36px),var(--shell))}}
@media(max-width:720px){.kittycats-page .shell,.kittycats-page .site-footer .shell{width:min(calc(100% - 24px),var(--shell))}}
@media(max-width:390px){.kittycats-page .shell,.kittycats-page .site-footer .shell{width:min(calc(100% - 20px),var(--shell))}}

/* Match the live homepage footer even while its v26 stylesheet remains cached. */
.kittycats-page .site-footer{color:#f1ddff}
@media(min-width:981px){.kittycats-page .site-footer .shell{width:min(calc(100% - 48px),var(--shell))}}

/* 2026-07-16 v5: one FlaroCity header/footer system and compact KittyCats home spacing. */
.account-page .site-header,.account-page .account-site-footer{position:relative;z-index:5}
.account-page .account-site-footer{margin-top:var(--ui8)}
.account-page .site-header .shell,.account-page .account-site-footer .shell{width:min(calc(100% - 48px),var(--shell))}
.account-service-nav{position:relative;z-index:4;border-bottom:1px solid rgba(158,95,255,.2);background:rgba(7,6,20,.9);backdrop-filter:blur(18px)}
.account-service-nav .shell{display:flex;align-items:center;gap:var(--ui8);min-height:48px;overflow-x:auto;padding:var(--ui8) 0;scrollbar-width:thin}
.account-service-nav a,.account-service-nav button{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#cfc9df;font:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}
.account-service-nav a:hover,.account-service-nav a.active,.account-service-nav button:hover{border-color:rgba(104,232,255,.3);background:rgba(169,105,255,.12);color:#fff}
.account-service-nav form{margin:0 0 0 auto}
@media(min-width:981px){.account-page .site-header .shell,.account-page .account-site-footer .shell{width:min(94vw,2400px)}}
@media(max-width:980px){.account-page .site-header .shell,.account-page .account-site-footer .shell{width:min(calc(100% - 36px),var(--shell))}}
@media(max-width:720px){.account-page .site-header .shell,.account-page .account-site-footer .shell{width:min(calc(100% - 24px),var(--shell))}.account-service-nav .shell{width:min(calc(100% - 24px),var(--shell))}.account-service-nav form{margin-left:0}}
@media(max-width:390px){.account-page .site-header .shell,.account-page .account-site-footer .shell,.account-service-nav .shell{width:min(calc(100% - 20px),var(--shell))}}

.kittycats-home-page .kc-hero-grid{min-height:0;gap:clamp(20px,2.2vw,48px);padding-block:18px var(--ui8)}
.kittycats-home-page .kc-actions{gap:var(--ui8);margin-top:16px}
.kittycats-home-page .kc-hero-metrics{margin-top:var(--ui8)}
.kittycats-home-page .kc-section,.kittycats-home-page .content-section{padding:var(--ui8) 0}
.kittycats-home-page .kc-section-tight{padding-top:var(--ui8)}
.kittycats-home-page .kc-section-heading{gap:var(--ui8);margin-bottom:var(--ui8)}
.kittycats-home-page .kc-tool-grid,.kittycats-home-page .kc-market-tools-grid,.kittycats-home-page .kc-plan-grid,.kittycats-home-page .kc-research-kpis{gap:var(--ui8)}
.kittycats-home-page .kc-tool-card,.kittycats-home-page .kc-market-tool-link,.kittycats-home-page .kc-plan-card,.kittycats-home-page .kc-research-kpis article{padding:12px 16px}
.kittycats-home-page .kc-evidence-grid{gap:var(--ui8)}
.kittycats-home-page .kc-evidence-list{gap:var(--ui8);margin-top:var(--ui8)}
.kittycats-home-page .kc-plan-price{margin:var(--ui8) 0}
@media(max-width:980px){.kittycats-home-page .kc-hero-grid{gap:var(--ui8);padding-block:var(--ui8)}}
@media(max-width:620px){.kittycats-home-page .kc-section,.kittycats-home-page .content-section{padding:var(--ui8) 0}.kittycats-home-page .kc-hero-grid{padding-block:var(--ui8)}}