/* Fidelen marketing homepage — composes R-041 tokens + R-050 components. No new colours or typefaces. */
:root{--mk-hero-size:96px;--mk-hero-lead:104px;--mk-head-size:64px;--mk-head-lead:72px;--mk-state-size:64px;--mk-state-lead:72px;--wrap:1280px;--pad-x:var(--space-64);--hdr-h:72px;--reveal:400ms}
body.scale-r041{--mk-hero-size:var(--text-display-xl);--mk-hero-lead:var(--leading-display-xl);--mk-head-size:var(--text-display-xl);--mk-head-lead:var(--leading-display-xl);--mk-state-size:var(--text-display-xl);--mk-state-lead:var(--leading-display-xl)}
@media (max-width:1279px){:root{--mk-hero-size:80px;--mk-hero-lead:88px;--mk-head-size:56px;--mk-head-lead:64px;--mk-state-size:56px;--mk-state-lead:64px}}
@media (max-width:900px){:root,body.scale-r041{--mk-hero-size:48px;--mk-hero-lead:56px;--mk-head-size:var(--text-h1);--mk-head-lead:var(--leading-h1);--mk-state-size:var(--text-h1);--mk-state-lead:var(--leading-h1);--pad-x:var(--space-20);--hdr-h:64px}}
html{scroll-behavior:auto}html,body{overflow-anchor:none}
body{margin:0;background:var(--fid-white);color:var(--text-default);font:var(--type-body);-webkit-font-smoothing:antialiased}
a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}
h1,h2,h3,h4,p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad-x);box-sizing:content-box}
@media (max-width:900px){.wrap{box-sizing:border-box;max-width:100%}}
.eyebrow{font:var(--weight-medium) var(--text-small)/var(--leading-small) var(--font-ui);color:var(--text-brand);display:flex;align-items:center;gap:var(--space-8)}
.eyebrow::before{content:"";width:var(--space-24);height:2px;background:var(--fid-violet);border-radius:var(--radius-pill)}
.mk-hero-title{font-weight:var(--weight-semibold);font-size:var(--mk-hero-size);line-height:var(--mk-hero-lead);letter-spacing:var(--tracking-display);color:var(--text-heading);text-wrap:balance}
.mk-head{font-weight:var(--weight-semibold);font-size:var(--mk-head-size);line-height:var(--mk-head-lead);letter-spacing:var(--tracking-display);color:var(--text-heading);text-wrap:balance}
.mk-h2{font:var(--type-h2);color:var(--text-heading);text-wrap:balance}
.mk-lead{font:var(--type-body-lg);color:var(--text-default);text-wrap:pretty;max-width:60ch}
.mk-body{font:var(--type-body);color:var(--text-default);text-wrap:pretty;max-width:62ch}
.mk-meta{font:var(--type-meta);color:var(--text-muted)}
.row-gap{display:flex;flex-wrap:wrap;gap:var(--space-12);align-items:center}
.stack-8{display:flex;flex-direction:column;gap:var(--space-8)}.stack-16{display:flex;flex-direction:column;gap:var(--space-16)}.stack-24{display:flex;flex-direction:column;gap:var(--space-24)}.stack-32{display:flex;flex-direction:column;gap:var(--space-32)}
.dark{background:var(--fid-plum-deep);color:var(--text-on-shell)}
.dark .mk-head,.dark .mk-hero-title,.dark .mk-h2{color:var(--fid-white)}
.dark .mk-lead,.dark .mk-body{color:var(--text-on-shell)}
.dark .mk-meta{color:var(--text-on-shell-muted)}
.dark .eyebrow{color:var(--fid-plum-200)}.dark .eyebrow::before{background:var(--fid-violet-200)}

/* CTA — primary conversion: Orange fill. Text colour follows the tweak (brief: White; R-041: Deep Plum). */
.cta-primary.fid-btn--exception{font-weight:var(--weight-semibold)}
.btn-on-dark.fid-btn--secondary{background:transparent;color:var(--fid-white);border-color:var(--fid-plum-300)}
.btn-on-dark.fid-btn--secondary:hover{background:var(--surface-shell-hover);border-color:var(--fid-plum-200)}
.btn-on-dark .fid-icon{color:var(--fid-white)}
.fid-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.dark .fid-btn:focus-visible{outline-color:var(--fid-violet-200)}

/* Header */
.hdr{position:fixed;inset-inline:0;top:0;z-index:50;height:var(--hdr-h);display:flex;align-items:center;transition:background-color 300ms var(--ease-standard),border-color 300ms var(--ease-standard);border-bottom:var(--border-w) solid transparent}
.hdr.is-solid{background:var(--fid-white);border-bottom-color:var(--border-subtle)}
.hdr__in{display:flex;align-items:center;gap:var(--space-32);width:100%}
.hdr__logo{display:flex;align-items:center}.hdr__logo img{width:112px;height:auto;display:block}
.hdr__nav{display:flex;gap:var(--space-32);margin-inline-start:var(--space-16)}
.hdr__nav a{font:var(--type-ui-medium);color:var(--text-heading);padding:var(--space-8) 0;border-radius:var(--radius-xs)}
.hdr__nav a:hover{color:var(--text-link-hover)}
.hdr__nav a:focus-visible,.hdr__lang:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.hdr__right{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-16)}
.hdr__lang{display:flex;align-items:center;gap:var(--space-4);font:var(--type-ui);color:var(--text-muted);background:none;border:0;cursor:pointer;padding:var(--space-8);border-radius:var(--radius-control)}
.hdr__lang b{font-weight:var(--weight-medium);color:var(--text-heading)}.hdr__lang{text-decoration:none}.hdr__lang:hover b{color:var(--text-link-hover)}
.hdr__lang .ar{font-family:var(--font-arabic);font-weight:var(--weight-ar-medium)}
.hdr__menu{display:none}
@media (max-width:900px){.hdr__nav,.hdr__cta{display:none}.hdr__menu{display:inline-flex}.hdr__logo img{width:96px}.hdr__right{gap:var(--space-4)}}
.msheet{position:fixed;inset:0;z-index:60;background:var(--fid-white);display:flex;flex-direction:column;padding:0 var(--pad-x) var(--space-24);animation:fid-fade 300ms var(--ease-out)}
.msheet__top{height:var(--hdr-h);display:flex;align-items:center;justify-content:space-between}
.msheet__nav{display:flex;flex-direction:column;margin-top:var(--space-24)}
.msheet__nav a{font:var(--type-h3);color:var(--text-heading);padding:var(--space-16) 0;border-bottom:var(--border-w) solid var(--border-subtle)}
.msheet__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-12)}
.mbar{position:fixed;inset-inline:0;bottom:0;z-index:40;padding:var(--space-12) var(--space-20);background:var(--fid-white);border-top:var(--border-w) solid var(--border-subtle);display:none;transform:translateY(100%);transition:transform 300ms var(--ease-out)}
.mbar.is-on{transform:none}
@media (max-width:900px){.mbar{display:block}}

/* Pinned scene scaffolding */
.pin{position:relative}
.pin__stick{position:sticky;top:0;height:100vh;overflow:hidden}
.is-reduced .pin__stick{position:relative;height:auto;min-height:100vh}

/* Reveal on view: --v 0→1 */
.rv{opacity:0;transform:translateY(16px);transition:opacity var(--reveal) var(--ease-out),transform var(--reveal) var(--ease-out)}
.rv.is-in{opacity:1;transform:none}

/* Scene notes (design annotations) */
.note{position:absolute;z-index:30;inset-inline-end:var(--space-24);bottom:var(--space-24);max-width:320px;background:var(--fid-white);border:var(--border-w) solid var(--fid-violet-200);border-radius:var(--radius-card);box-shadow:var(--shadow-md);font:var(--type-meta);color:var(--text-default);display:none}
body.show-notes .note{display:block}
.note__k{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8) var(--space-12);background:none;border:0;cursor:pointer;font:var(--type-label);color:var(--sem-inprogress-text);text-align:start}.note__k .fid-icon:last-child{margin-inline-start:auto}.note.is-open{width:320px}
.note ul{margin:0;padding:0 var(--space-16) var(--space-12) var(--space-32)}
.note li{margin-top:var(--space-2-sub)}
@media (max-width:1099px){.note{position:relative;inset:auto;margin:var(--space-24) var(--pad-x) 0}.note.is-open{width:auto}}

.evidence{display:inline-flex;align-items:center;gap:var(--space-6-sub);font:var(--type-meta);color:var(--text-muted)}
.dark .evidence{color:var(--text-on-shell-muted)}

main>section,footer{position:relative}

.sar-val{white-space:nowrap}.sar{display:inline-block;line-height:0;font-weight:inherit}
.hdr__nav a[aria-current="page"]{color:var(--text-heading);box-shadow:inset 0 -2px 0 var(--fid-plum)}
.wa-fab{position:fixed;right:30px;bottom:calc(30px + env(safe-area-inset-bottom,0px));z-index:40;width:54px;height:54px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden;transition:opacity 220ms var(--ease-standard,ease),transform 220ms var(--ease-standard,ease),visibility 0s linear 220ms}
.wa-fab.is-on{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity 220ms var(--ease-standard,ease),transform 220ms var(--ease-standard,ease),visibility 0s}
.wa-fab img{width:28px;height:28px;filter:brightness(0) invert(1);transform:none}
.wa-fab[href]{cursor:pointer}.wa-fab:not([href]){cursor:default}
.wa-fab:focus-visible{outline:2px solid var(--focus-ring,var(--fid-violet));outline-offset:3px}
@media (hover:hover) and (min-width:768px){.wa-fab::after{content:attr(data-tip);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--fid-white);color:var(--text-heading);font:var(--type-meta);padding:6px 10px;border-radius:var(--radius-sm,6px);border:var(--border-w,1px) solid var(--border-subtle);box-shadow:var(--shadow-xs);opacity:0;pointer-events:none;transition:opacity 160ms}.wa-fab:hover::after,.wa-fab:focus-visible::after{opacity:1}[dir="rtl"] .wa-fab::after{font-family:var(--font-ar,inherit)}}
@media (max-width:767px){.wa-fab{right:18px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:52px;height:52px}}
@media (prefers-reduced-motion:reduce){.wa-fab,.wa-fab.is-on{transition:none;transform:none}}
/* Responsive QA — touch targets ≥44px on tablet/mobile. Visual size of type/icons unchanged. */
@media (max-width:900px){.hdr__logo{display:inline-flex;align-items:center;min-height:44px}.hdr__lang{min-height:44px;min-width:44px;justify-content:center}.hdr__menu .fid-iconbtn,.msheet__top .fid-iconbtn{width:44px;height:44px}.prw__link,.dmn__link{display:inline-flex;align-items:center;min-height:44px}.pmnav__pn .fid-btn,.prole-sel button,.pex__mareas button,.pmnav__chips button{min-height:44px}.pbar button{min-height:48px}}