/* shared base for all designs */
@font-face{font-family:Tajawal;font-weight:400;font-display:swap;src:url(fonts/Tajawal-Regular.ttf) format("truetype")}
@font-face{font-family:Tajawal;font-weight:500;font-display:swap;src:url(fonts/Tajawal-Medium.ttf) format("truetype")}
@font-face{font-family:Tajawal;font-weight:700;font-display:swap;src:url(fonts/Tajawal-Bold.ttf) format("truetype")}
@font-face{font-family:Tajawal;font-weight:800;font-display:swap;src:url(fonts/Tajawal-ExtraBold.ttf) format("truetype")}
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--gut:clamp(20px,5vw,48px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}
body{margin:0;font:400 1.0625rem/1.7 Tajawal,system-ui,sans-serif;min-height:100svh;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
ul,ol{list-style:none;margin:0;padding:0}
a{color:inherit;text-decoration:none;touch-action:manipulation}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:3px solid #2EC4B6;outline-offset:3px;border-radius:10px}
.d4 :focus-visible{outline-color:#0F1A1F}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:16px;top:-100px;z-index:50;background:#0F1A1F;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;transition:top .2s var(--ease-out)}
.skip:focus{top:12px}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
/* reduced motion: keep gentle opacity, drop movement (Emil: fewer and gentler, not zero) */
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-name:fade!important;animation-duration:.2s!important;transition-property:opacity,color,background-color,border-color!important}
 .ring-path,.chart .ln{stroke-dashoffset:0!important}
}