/* Revisión visual transversal previa al punto 12. */
:where(h1,h2,h3,h4){text-rendering:optimizeLegibility;word-break:normal;overflow-wrap:break-word}
h1{letter-spacing:-.025em!important;line-height:1.08!important}
h2,h3,h4{font-family:"DM Sans",Arial,sans-serif!important;font-kerning:normal;font-variant-ligatures:none;letter-spacing:0!important;word-spacing:.08em!important}
h2{line-height:1.24!important}
h3,h4{line-height:1.32!important}
p,li,label,small{line-height:1.55}
button,input,select,textarea{font-family:var(--font)}
main{overflow-x:clip}
.brand{letter-spacing:0!important;min-width:max-content}.brand>span:last-child{letter-spacing:-.025em!important}
.brand-mark{flex:0 0 auto;color:transparent!important;font-size:0!important;background:transparent url("assets/brand/karum-whale-shark.png") center/contain no-repeat!important;border:0;box-shadow:none}
.brand:not(:has(.brand-mark)):not(:has(img))::before{content:"";width:42px;height:36px;flex:0 0 42px;background:transparent url("assets/brand/karum-whale-shark.png") center/contain no-repeat}
.account-header{height:auto!important;min-height:82px;padding-block:12px}.account-header-inner{min-width:0}.account-nav{gap:clamp(9px,1.35vw,21px)!important;flex-wrap:wrap;justify-content:center}.account-nav a{white-space:nowrap;line-height:1.3}.account-actions{flex:0 0 auto}
:where(.plan-card,.billing-card,.trust-item,.admin-card,.company-card,.post-card,.message-card,.network-card,.opportunity-card,.reputation-card){min-width:0}
:where(.plan-grid,.billing-layout,.trust-separation,.admin-grid,.companies-grid,.feed-grid,.messages-layout,.network-grid,.opportunity-grid)>*{min-width:0}
.plan-card h2{margin:8px 0 22px!important;font-size:clamp(22px,2vw,28px)!important;line-height:1.24!important;letter-spacing:0!important;word-spacing:.16em!important;white-space:normal}
.plan-card .plan-price{line-height:1.08;margin-bottom:22px}.plan-card li{font-size:11px!important;line-height:1.55!important;padding-block:9px!important}
.plan-card button,.billing-card button{min-height:42px;border:0;border-radius:9px;padding:10px 16px;font-weight:750;cursor:pointer}
.billing-card h2{font-size:clamp(23px,2.2vw,30px)!important;line-height:1.24!important;letter-spacing:0!important;word-spacing:.16em!important;margin-bottom:18px!important}.billing-card label{line-height:1.4}
.trust-separation strong{display:block;letter-spacing:0!important;line-height:1.3!important;margin-bottom:4px}.trust-separation small{display:block;font-size:10px!important;line-height:1.5!important}
:where(.premium-hero,.admin-head,.messages-heading,.network-hero,.feed-heading,.companies-hero,.opportunity-head,.reputation-head,.account-welcome,.security-heading,.global-search-head){position:relative;isolation:isolate}
:where(.premium-hero,.admin-head,.messages-heading,.network-hero,.feed-heading,.companies-hero,.opportunity-head,.reputation-head,.account-welcome,.security-heading,.global-search-head)>*{position:relative;z-index:1}
:where(.premium-hero,.admin-head,.messages-heading,.network-hero,.feed-heading,.companies-hero,.opportunity-head,.reputation-head,.account-welcome,.security-heading,.global-search-head)::after{content:"";position:absolute;z-index:0;top:4px;right:12px;width:112px;height:72px;background:url("assets/whale-swim.svg") center/contain no-repeat;opacity:.2;pointer-events:none;filter:saturate(.8)}
.premium-hero::after{top:-12px;right:3%;width:140px;height:90px;opacity:.15}
:where(.premium-page,.admin-page,.messages-page,.network-page,.feed-page,.companies-page,.opportunity-page,.reputation-page,.account-page) p{line-height:1.6}
:where(.premium-page,.admin-page,.messages-page,.network-page,.feed-page,.companies-page,.opportunity-page,.reputation-page,.account-page) small{line-height:1.5}
:where(.premium-page,.admin-page,.messages-page,.network-page,.feed-page,.companies-page,.opportunity-page,.reputation-page,.account-page) .eyebrow{line-height:1.4;letter-spacing:.12em}
@media(max-width:1050px){.account-nav{font-size:11px;gap:10px!important}.premium-hero h1{font-size:clamp(42px,8vw,68px)!important}}
@media(max-width:760px){h1{letter-spacing:-.018em!important}.account-header{padding-block:8px}.brand{font-size:20px!important}.brand-mark{width:36px!important;height:36px!important}:where(.premium-hero,.admin-head,.messages-heading,.network-hero,.feed-heading,.companies-hero,.opportunity-head,.reputation-head,.account-welcome,.security-heading,.global-search-head)::after{width:76px;height:50px;right:0;top:0;opacity:.12}.plan-card h2{font-size:23px!important;margin-bottom:18px!important}.trust-separation strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.pwa-install{position:fixed;z-index:120;right:18px;bottom:18px;display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center;padding:11px 15px;border:1px solid #bddceb;border-radius:14px;background:#fff;color:#174f70;box-shadow:0 14px 38px rgba(24,66,91,.2);cursor:pointer;text-align:left}.pwa-install>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#dff1fa;color:#277da8;font-size:18px}.pwa-install b{font-size:12px}.pwa-install small{font-size:9px;color:#6b8292}.offline-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;background:#f3f8fb}.offline-page img{width:min(260px,70vw);height:150px;object-fit:contain}.offline-page h1{max-width:680px;color:#174f70;margin:18px 0 12px}.offline-page p{max-width:620px;color:#678093;font-size:15px;line-height:1.7}.offline-page>a{margin-top:18px;color:#2d7ea8;font-weight:700}
.pwa-notifications{bottom:86px}.pwa-notifications>span{background:#e8f7ef;color:#188054}