:root{--black:#171717;--gold:#D6AD62;--cream:#F5F0E6;--navy:#14243B;--teal:#398B83;--white:#fff;--fa:'Vazirmatn',system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.msp{margin:0;background:var(--black);color:var(--cream);font-family:var(--fa);font-size:17px;line-height:1.9}
.msp a{color:inherit}
.msp h1,.msp h2{font-weight:800;line-height:1.3;margin:0}
.msp-wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.msp-narrow{width:min(760px,100% - 40px)}
.msp-skip{position:absolute;inset-inline-start:-999px}.msp-skip:focus{inset-inline-start:12px;top:12px;background:var(--gold);color:var(--black);padding:8px 14px;z-index:99}
.msp :focus-visible{outline:3px solid var(--gold);outline-offset:3px}
/* header */
.msp-header{position:sticky;top:0;z-index:50;background:rgba(23,23,23,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(214,173,98,.25)}
.msp-header-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.msp-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.msp-brand img{max-height:48px;width:auto}
.msp-sun{width:38px;height:38px}
.msp-brand-name{font-family:'Inter',var(--fa);font-weight:700;font-size:20px;direction:ltr;letter-spacing:.2px}
.msp-brand-name em{font-style:normal;font-weight:400;color:var(--gold)}
.msp-nav{display:flex;align-items:center;gap:28px}
.msp-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.msp-menu a{text-decoration:none;font-size:15px;opacity:.85}.msp-menu a:hover{opacity:1;color:var(--gold)}
.msp-burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.msp-burger span{display:block;width:24px;height:2px;background:var(--gold);margin:6px 0}
/* buttons */
.msp-btn{display:inline-block;padding:11px 26px;border-radius:999px;font-weight:700;text-decoration:none;font-size:16px;border:1.5px solid transparent;transition:background .2s,color .2s}
.msp-btn-gold{background:var(--gold);color:var(--black)!important}.msp-btn-gold:hover{background:var(--cream)}
.msp-btn-ghost{border-color:rgba(245,240,230,.4)}.msp-btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.msp-btn-dark{background:var(--black);color:var(--cream)!important}.msp-btn-dark:hover{background:var(--navy)}
/* hero */
.msp-hero{padding:72px 0 88px;background:radial-gradient(900px 500px at 15% 40%,rgba(214,173,98,.12),transparent 70%),var(--black)}
.msp-hero-in{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}
.msp-hero h1{font-size:clamp(38px,6vw,68px)}
.msp-hero p{max-width:34em;font-size:19px;opacity:.85;margin:22px 0 32px}
.msp-actions{display:flex;gap:14px;flex-wrap:wrap}
.msp-sunart{position:relative;aspect-ratio:1;max-width:440px;width:100%;margin-inline:auto}
.msp-sunart svg{width:100%;height:100%}
.msp-rays{transform-origin:200px 200px;animation:msp-in 1.6s ease-out both}
@keyframes msp-in{from{opacity:0;transform:rotate(-40deg) scale(.8)}to{opacity:1;transform:none}}
.msp-hi{position:absolute;font-weight:700;font-size:22px;padding:4px 14px;border-radius:999px;background:var(--black);border:1px solid rgba(214,173,98,.5);color:var(--gold);direction:ltr;font-family:'Inter','Noto Sans Armenian',sans-serif}
.msp-hi[lang=hy]{font-family:'Noto Sans Armenian',sans-serif}
.msp-hi-1{top:6%;inset-inline-start:30%}.msp-hi-2{top:42%;inset-inline-end:-2%}.msp-hi-3{bottom:6%;inset-inline-start:26%}.msp-hi-4{top:44%;inset-inline-start:-2%}
/* sections */
.msp-section{padding:84px 0}
.msp-section h2{font-size:clamp(28px,4vw,40px);margin-bottom:40px}
.msp-langs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-radius:20px;overflow:hidden}
.msp-lang{display:flex;flex-direction:column;gap:6px;padding:34px 26px 28px;min-height:300px;text-decoration:none;transition:flex .2s}
.msp-lang-hello{font-size:34px;font-weight:700;direction:ltr;font-family:'Inter',sans-serif;margin-bottom:auto}
.msp-lang-hello[lang=hy]{font-family:'Noto Sans Armenian',sans-serif}
.msp-lang-name{font-size:22px;font-weight:800}
.msp-lang-desc{font-size:14.5px;opacity:.85;line-height:1.7}
.msp-lang-state{margin-top:12px;font-size:13px;font-weight:700;border-top:1px solid currentColor;padding-top:10px;opacity:.9}
.msp-l-hy{background:var(--navy)}.msp-l-hy .msp-lang-hello{color:var(--gold)}
.msp-l-ru{background:#222}.msp-l-ru .msp-lang-hello{color:var(--gold)}
.msp-l-tr{background:var(--teal);color:var(--white)}
.msp-l-en{background:var(--cream);color:var(--black)}
.msp-lang:hover{filter:brightness(1.08)}
.msp-note{margin:18px 0 0;font-size:14px;opacity:.65}
.msp-method{background:var(--cream);color:var(--black)}
.msp-method h2{color:var(--navy)}
.msp-points{display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px;margin:0}
.msp-points>div{padding:22px 0;border-top:2px solid var(--gold)}
.msp-points dt{font-weight:800;font-size:20px;color:var(--navy)}
.msp-points dd{margin:6px 0 0;opacity:.8}
.msp-platform{background:var(--navy)}
.msp-platform-in{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.msp-platform p{opacity:.85;max-width:32em;margin:0 0 26px}
.msp-feat{list-style:none;margin:0;padding:0}
.msp-feat li{padding:14px 0;border-bottom:1px solid rgba(214,173,98,.3);font-weight:700}
.msp-feat li:first-child{border-top:1px solid rgba(214,173,98,.3)}
.msp-join{background:var(--gold);color:var(--black);text-align:center}
.msp-join h2{margin-bottom:14px}.msp-join p{max-width:34em;margin:0 auto 28px}
/* footer */
.msp-footer{background:#0f0f0f;padding:48px 0 24px;border-top:1px solid rgba(214,173,98,.25)}
.msp-footer-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.msp-footer p{opacity:.7;margin:8px 0 0;font-size:15px}
.msp-foot-links{list-style:none;margin:0;padding:0}.msp-foot-links a{text-decoration:none;opacity:.8}.msp-foot-links a:hover{color:var(--gold)}
.msp-copy{margin-top:30px;font-size:13px;opacity:.5;direction:ltr;text-align:center}
/* inner pages */
.msp-page{background:var(--cream);color:var(--black);min-height:60vh;padding:48px 0 72px}
.msp-page-title{font-size:clamp(28px,4vw,40px);color:var(--navy);margin:0 0 24px}
.msp-prose a{color:var(--teal)}
.msp-wide{width:100%}
/* responsive */
@media(max-width:900px){
 .msp-hero-in,.msp-platform-in{grid-template-columns:1fr}
 .msp-sunart{max-width:320px}
 .msp-langs{grid-template-columns:repeat(2,1fr)}
 .msp-points{grid-template-columns:1fr}
 .msp-burger{display:block}
 .msp-nav{display:none;position:absolute;top:72px;inset-inline:0;background:var(--black);flex-direction:column;align-items:stretch;padding:20px;gap:16px;border-bottom:1px solid rgba(214,173,98,.25)}
 .msp-nav.is-open{display:flex}
 .msp-menu{flex-direction:column;gap:12px}
 .msp-nav-cta{text-align:center}
}
@media(max-width:520px){.msp-langs{grid-template-columns:1fr}.msp-lang{min-height:200px}}
@media(prefers-reduced-motion:reduce){.msp-rays{animation:none}html{scroll-behavior:auto}}