/* FIT PROFIT v44 — responsive intent and clarity layer */
:root{
  --fp44-content:min(100% - 32px, 1240px);
  --fp44-copy:72ch;
  --fp44-gap:clamp(14px,2vw,24px);
  --fp44-h1:clamp(2rem,4.8vw,4.5rem);
  --fp44-h2:clamp(1.55rem,3vw,2.45rem);
  --fp44-card-title:clamp(1.03rem,1.5vw,1.25rem);
}
html{overflow-x:clip;scroll-padding-top:calc(var(--header-height,76px) + 18px)}
body{overflow-x:clip;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
main,header,footer,section,article,nav,aside,.container,.wrap,.grid,.card{min-inline-size:0}
main{inline-size:100%}
:where(h1,h2,h3,h4,h5,h6){max-inline-size:24ch;overflow-wrap:normal;word-break:normal;text-wrap:balance;hyphens:auto}
:where(p,li,dd,blockquote){overflow-wrap:break-word;text-wrap:pretty}
:where(code,pre,kbd,samp,.url,.technical-value){overflow-wrap:anywhere;word-break:break-word}
h1,.hero-title,.page-title{font-size:var(--fp44-h1)!important;line-height:1.02!important;letter-spacing:-.035em!important}
h2,.section-title{font-size:var(--fp44-h2)!important;line-height:1.12!important;letter-spacing:-.02em!important}
:where(.card,.tile,.panel) h3{font-size:var(--fp44-card-title)!important;line-height:1.22!important}
:where(article,.article-body,.prose,.reading-content) p{max-inline-size:var(--fp44-copy);line-height:1.7}
img,video,svg,canvas,iframe{max-inline-size:100%;height:auto}
iframe{border:0}
:where(.grid,.cards,.card-grid,.related-grid,.footer-grid,.stats-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:var(--fp44-gap)!important}
:where(.site-header,.header-inner,.topbar){max-inline-size:100%;min-inline-size:0}
:where(.site-header nav,.header-nav,.nav-links){min-inline-size:0;white-space:nowrap}
:where(.site-header a,.site-header button){min-inline-size:0}

.intent-matrix-v44{container-type:inline-size;width:var(--fp44-content);margin:clamp(30px,6vw,76px) auto;padding:clamp(18px,3.5vw,34px);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:clamp(20px,3vw,34px);background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);box-shadow:0 18px 60px rgba(0,0,0,.08)}
.intent-matrix-v44__head{display:grid;gap:8px;margin-block-end:20px}
.intent-matrix-v44__head h2{margin:0;max-inline-size:20ch}
.intent-matrix-v44__head p{margin:0;max-inline-size:66ch;opacity:.76;line-height:1.6}
.intent-matrix-v44__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.intent-card-v44{display:grid;align-content:start;gap:10px;min-block-size:170px;padding:18px;border:1px solid color-mix(in srgb,currentColor 11%,transparent);border-radius:20px;color:inherit;text-decoration:none;background:color-mix(in srgb,var(--surface,#fff) 96%,transparent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.intent-card-v44:hover,.intent-card-v44:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent,#9fdc34) 60%,currentColor);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.intent-card-v44 strong{font-size:var(--fp44-card-title);line-height:1.24;overflow-wrap:normal;word-break:normal}
.intent-card-v44 small{font-size:.84rem;line-height:1.55;opacity:.7}
.intent-card-v44 span:last-child{margin-block-start:auto;font-weight:750;font-size:.9rem;color:var(--accent,#78a918)}
.intent-card-v44:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,#9fdc34) 50%,transparent);outline-offset:3px}

@container (max-width:820px){.intent-matrix-v44__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:520px){.intent-matrix-v44__grid{grid-template-columns:1fr}.intent-card-v44{min-block-size:auto}}

@media (max-width:1120px){
  :where(.site-header,.header-inner,.topbar){padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
  :where(.desktop-nav,.nav-links,.header-nav){gap:clamp(8px,1.5vw,16px)}
}
@media (max-width:760px){
  :root{--fp44-content:min(100% - 24px,1240px);--fp44-h1:clamp(1.85rem,9vw,2.55rem);--fp44-h2:clamp(1.35rem,6.2vw,1.9rem)}
  body{font-size:15px}
  :where(.hero,.page-hero,.section){padding-block:clamp(26px,8vw,54px)!important}
  :where(.btn,.button,button,input,select,textarea){font-size:max(16px,1rem)}
  :where(.btn,.button,button,[role="button"]){min-block-size:44px}
  .intent-matrix-v44{width:calc(100% - 20px);padding:18px;border-radius:22px}
  .intent-matrix-v44__grid{grid-template-columns:1fr}
  .intent-card-v44{padding:16px;min-block-size:auto}
  :where(.mobile-dock,.mobile-nav,.bottom-nav){inset-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))!important;transform:none!important;max-inline-size:none!important}
  :where(.menu-overlay,.nav-overlay,.fullscreen-menu,[role="dialog"]){inset:0!important;max-block-size:100dvh!important;overflow:auto!important;padding-block-end:max(24px,env(safe-area-inset-bottom))!important}
}
@media (max-width:340px){
  :root{--fp44-content:calc(100% - 16px);--fp44-h1:clamp(1.65rem,9vw,2.05rem)}
  .intent-matrix-v44{width:calc(100% - 12px);padding:14px}
  .intent-card-v44{padding:14px;border-radius:16px}
}
@media (max-height:520px) and (orientation:landscape){
  :where(.menu-overlay,.nav-overlay,.fullscreen-menu,[role="dialog"]){align-items:flex-start!important;overflow:auto!important}
  :where(.hero,.page-hero){min-block-size:auto!important;padding-block:24px!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (forced-colors:active){.intent-card-v44,.intent-matrix-v44{border:1px solid CanvasText;box-shadow:none}.intent-card-v44:focus-visible{outline:2px solid Highlight}}
@media print{.intent-matrix-v44{box-shadow:none;border:1px solid #999}.intent-card-v44{break-inside:avoid}}