*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
html,body{height:100%;margin:0;overflow:hidden;background:var(--navy)}
body{font-family:var(--font);font-size:var(--fs-body);line-height:1.7;color:var(--ink);font-weight:500}
h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}
h1,h2,h3{font-weight:800;line-height:1.25}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.ic{width:1.5em;height:1.5em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.en{font-family:var(--font);direction:ltr;unicode-bidi:isolate}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:.55rem 1.6rem;border-radius:.8rem;font-weight:800;font-size:var(--fs-body);transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-cyan{background:var(--cyan);color:#04202f}.btn-cyan:hover{background:#2cc8d8}
.btn-ghost{border:2px solid rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.08)}
.btn-navy{background:var(--navy);color:#fff}
.btn-lg{min-height:3.6rem;padding-inline:2.4rem;font-size:calc(var(--fs-body)*1.1)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}