:root{--bg:#F5EFEB;--ink:#2F4156;--mute:#5d7081;--ac:#567C8D;--sky:#C8D9E6;--glass:rgba(255,255,255,.58);--gb:rgba(255,255,255,.9);--sh:0 14px 44px rgba(47,65,86,.10);--line:rgba(47,65,86,.14);--chip:rgba(200,217,230,.55);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#17212d;--ink:#eef2f6;--mute:#a9bccb;--ac:#8fb3c9;--glass:rgba(47,65,86,.5);--gb:rgba(200,217,230,.18);--sh:0 14px 44px rgba(0,0,0,.35);--line:rgba(200,217,230,.2);--chip:rgba(200,217,230,.15)}}
:root[data-theme="dark"]{--bg:#17212d;--ink:#eef2f6;--mute:#a9bccb;--ac:#8fb3c9;--glass:rgba(47,65,86,.5);--gb:rgba(200,217,230,.18);--sh:0 14px 44px rgba(0,0,0,.35);--line:rgba(200,217,230,.2);--chip:rgba(200,217,230,.15)}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px);scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font:400 17px/1.75 "Manrope","Noto Sans Armenian",system-ui,sans-serif;background:radial-gradient(900px 560px at 92% -8%,rgba(200,217,230,.95),transparent 62%),radial-gradient(700px 480px at -8% 28%,rgba(255,255,255,.9),transparent 60%),radial-gradient(800px 600px at 100% 70%,rgba(200,217,230,.6),transparent 60%),linear-gradient(180deg,#F5EFEB,#E9EFF3 55%,#F5EFEB);background-color:var(--bg);background-attachment:fixed}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{background:radial-gradient(900px 560px at 92% -8%,rgba(86,124,141,.5),transparent 62%),linear-gradient(180deg,#17212d,#1d2b3a);background-color:#17212d}}
h1,h2,h3{margin:0 0 .5em;line-height:1.22;font-weight:500;letter-spacing:-.01em}
h2{font-size:clamp(26px,3.4vw,40px);font-weight:300}h2 b{font-weight:600}
h3{font-size:19px}
p{margin:0 0 1em}a{color:inherit}
.w{max-width:1180px;margin:0 auto;padding:0 24px}
.glass,.band>.w,.call,.cd,.pp,.ph,.stats,.art,.crit div{background:var(--glass);border:1px solid var(--gb);box-shadow:var(--sh);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;padding:12px 0}
header .w{display:flex;align-items:center;gap:22px;min-height:60px;background:var(--glass);border:1px solid var(--gb);box-shadow:var(--sh);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:22px;padding:0 20px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 17px "Syncopate","Manrope",sans-serif;letter-spacing:.14em;color:var(--ink)}
nav{margin-left:auto;display:flex;gap:18px;white-space:nowrap}
nav a{text-decoration:none;font-size:13.5px;color:var(--mute);font-weight:500}nav a:hover,nav a.on{color:var(--ink)}nav a.on{border-bottom:2px solid var(--ac);padding-bottom:2px}
.btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:linear-gradient(135deg,#567C8D,#8fb3c9);color:#fff;padding:14px 28px;border-radius:16px;font-weight:600;font-size:14px;letter-spacing:.04em;text-decoration:none;box-shadow:0 8px 22px rgba(86,124,141,.35),inset 0 1px 0 rgba(255,255,255,.5)}
.btn.o{background:var(--glass);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn.sm{padding:10px 20px;font-size:13px}
.k{display:inline-flex;align-items:center;gap:8px;color:var(--ac);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.k:before{content:"";width:8px;height:8px;background:var(--ac);transform:rotate(45deg);border-radius:2px}
.lead{max-width:700px;color:var(--mute);font-size:18px}
section{padding:36px 0}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--gb);border-radius:999px;padding:7px 16px;font-size:12px;letter-spacing:.08em;color:var(--ink)}
.pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#8fb3c9}
.hero{padding:28px 0 20px}
.hp{position:relative;overflow:hidden;border-radius:32px;padding:56px 56px 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:center;min-height:520px}
.big{font:400 clamp(76px,17vw,210px)/.95 "Syncopate","Manrope",sans-serif;letter-spacing:.01em;margin:26px 0 10px;background:linear-gradient(180deg,#fff 0%,#c8d9e6 22%,#7f9bad 46%,#2F4156 60%,#9db7c7 82%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px rgba(47,65,86,.55);filter:drop-shadow(0 10px 18px rgba(47,65,86,.18))}
.sub{font-size:clamp(18px,2.2vw,24px);font-weight:300;margin:0 0 18px}
.hp p.lead{max-width:520px}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.vis{position:relative;display:grid;place-items:center;min-height:360px}
.vis .orb{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(200,217,230,.7) 45%,rgba(86,124,141,.25) 80%);box-shadow:inset 0 0 40px rgba(255,255,255,.9),0 30px 60px rgba(86,124,141,.25)}
.vis .gem{position:relative;width:78%;height:auto;filter:drop-shadow(0 18px 24px rgba(47,65,86,.3))}
.badge{position:absolute;right:2%;bottom:2%;width:116px;height:116px;border-radius:50%;background:var(--glass);border:1px solid var(--gb);backdrop-filter:blur(12px);display:grid;place-items:center;box-shadow:var(--sh)}
.badge svg{width:100%;height:100%;animation:sp 30s linear infinite}.badge i{position:absolute;font-style:normal;color:var(--ac);font-size:28px}
@keyframes sp{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.badge svg{animation:none}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-radius:28px;padding:30px 12px}
.st1{padding:6px 28px;border-left:1px solid var(--line)}.st1:first-child{border-left:0}
.st1 .ic{width:38px;height:38px;border-radius:12px;background:var(--chip);display:grid;place-items:center;color:var(--ac);margin-bottom:14px}
.st1 b{display:block;font-size:34px;font-weight:300;line-height:1.1}.st1 span{color:var(--mute);font-size:14px;line-height:1.5;display:block;margin-top:4px}
.panel{border-radius:32px;padding:40px 44px;background:var(--glass);border:1px solid var(--gb);box-shadow:var(--sh);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.cs{background:rgba(255,255,255,.45);border:1px solid var(--gb);border-radius:24px;padding:14px 14px 22px;text-decoration:none;color:inherit;display:block}
.cs .pic{height:170px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,#2F4156,#567C8D 70%,#C8D9E6);margin-bottom:16px}
.cs .pic:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-30px;bottom:-50px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.8),rgba(200,217,230,.25) 60%,transparent 70%)}
.cs .pic b{position:absolute;left:16px;top:12px;color:#fff;font-weight:500;font-size:18px;z-index:2}
.cs h3{padding:0 8px;margin-bottom:6px}.cs p{padding:0 8px;color:var(--mute);font-size:15px;margin:0 0 14px;line-height:1.65}
.tags{padding:0 8px;display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid var(--line);border-radius:999px;padding:3px 14px;font-size:12px;color:var(--mute)}
.g3b{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:20px}
.big2{font-size:clamp(60px,8vw,96px);font-weight:200;line-height:1;color:var(--ink);margin:6px 0 10px}
.phi{width:190px;aspect-ratio:1;margin:12px auto 20px;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 30%,#fff,rgba(200,217,230,.65) 55%,rgba(86,124,141,.22));border:1px solid var(--line);box-shadow:inset 0 0 30px rgba(255,255,255,.8)}
.phi img{position:absolute;left:17%;top:28%;width:66%;height:auto;filter:drop-shadow(0 8px 10px rgba(47,65,86,.3))}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chips span{border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:12.5px;color:var(--mute)}
.ph{border-radius:32px;padding:56px;margin:28px 0 8px}
.ph h1{font-size:clamp(30px,4.4vw,54px);font-weight:300;margin:0}.ph h1 b{font-weight:600}
.ph p{max-width:660px;color:var(--mute);font-size:19px;margin:16px 0 0}
.band{padding:28px 0}.band>.w{border-radius:32px;padding:48px 52px;max-width:1132px}
.band .lead,.band .crit p,.band .steps p{color:var(--mute)}
.crit{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:36px;background:none}
.crit div{border-radius:22px;padding:26px;background:rgba(255,255,255,.5)}.crit h3{font-weight:600;font-size:16.5px;overflow-wrap:anywhere}.crit p{margin:0;font-size:15.5px;line-height:1.7}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.steps div{border-top:2px solid var(--ac);padding-top:16px}.steps b{color:var(--ac);font-size:12px;letter-spacing:.14em}.steps h3{margin:6px 0}.steps p{margin:0;font-size:15.5px}
.note{font-size:14px;color:var(--mute);margin-top:26px}
.news{margin-top:28px}
.art{display:grid;grid-template-columns:200px 1fr;gap:28px;border-radius:26px;padding:30px 34px;margin-bottom:18px}
.art .d{color:var(--ac);font-size:14px;font-weight:600;line-height:1.6}.art h3{font-size:clamp(20px,2.3vw,26px);font-weight:500}.art p{color:var(--mute);font-size:16.5px;max-width:740px}
.more,.lnk{display:inline-block;margin-top:8px;color:var(--ac);font-weight:600;text-decoration:none}.more:hover,.lnk:hover{text-decoration:underline}
.who{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}
.pp{display:flex;gap:12px;align-items:center;border-radius:18px;padding:12px 18px}
.av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2F4156,#567C8D);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}
.pp b{display:block;font-weight:600;font-size:15px;line-height:1.3}.pp span{font-size:13px;color:var(--mute)}
.tl2{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:32px}
.cd{border-radius:24px;padding:28px}.cd h3{font-weight:600}.cd p{color:var(--mute);font-size:15.5px;margin:0;line-height:1.7}
.ct{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px}
.ct .cd b{display:block;color:var(--ac);font-size:12px;letter-spacing:.14em;margin-bottom:8px}.ct .cd a{color:var(--ink);font-size:20px;font-weight:500;text-decoration:none;word-break:break-all}
.call{border-radius:32px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden}.call .tx{padding:48px}.call .tx p{color:var(--mute)}
.call .vs{background:linear-gradient(135deg,#2F4156,#567C8D 70%,#C8D9E6);min-height:240px;position:relative}
.call .vs:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:12%;top:20%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.85),rgba(200,217,230,.25) 60%,transparent 70%)}
footer{padding:20px 0 34px}footer .w{max-width:1180px}
.fp{border-radius:28px;padding:36px 40px;font-size:14.5px;color:var(--mute)}
.fp .g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}.fp b{display:block;color:var(--ink);margin-bottom:8px;font-weight:600}
.fp a{display:block;text-decoration:none;line-height:2;color:var(--mute)}.fp a:hover{color:var(--ink)}
.fp .cp{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;font-size:12.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) img.lg{filter:brightness(2.4) contrast(.9)}}
.page{display:none}.page.show{display:block}
@media(max-width:1280px){header .btn.sm{display:none}}
@media(max-width:1000px){nav{display:none}header .btn.sm{display:inline-flex;margin-left:auto}.hp{grid-template-columns:1fr;padding:34px 26px}.vis{min-height:300px}.stats{grid-template-columns:1fr 1fr;row-gap:22px}.st1:nth-child(3){border-left:0}.g3,.g3b,.steps,.call,.fp .g,.art{grid-template-columns:1fr}.panel{padding:28px 22px}.band>.w{padding:30px 24px}.ph{padding:34px 26px}.call .tx{padding:32px 26px}.art{gap:8px;padding:24px}.st1{padding:6px 16px}}

.lang{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--chip);color:var(--ink);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-decoration:none;white-space:nowrap}
.lang:hover{background:var(--glass);border-color:var(--ac)}
@media(max-width:1000px){.lang{margin-left:auto}header .btn.sm{margin-left:0}}